在我的功能组件中使用 setState() 后，React JS 页面变为空白答案

【问题标题】：React JS page went blank after I used a setState() in my functional component在我的功能组件中使用 setState() 后，React JS 页面变为空白
【发布时间】：2022-11-10 00:22:38
【问题描述】：

在我尝试使用 setState 函数之前，该代码还可以，该函数是此代码中的 setcategory 和 setvalue，但在我这样做之后，我的反应页面变为空白。出了什么问题，我应该如何解决？

import Employee_card from './Employee_card'
import '../styles/home.css'
import {
  Link,
  useSearchParams
} from 'react-router-dom'

const Employee_dir:React.FC <props> = (employes) => {

  const [category, setcategory] = useState("")
  const [value, setvalue] = useState("")

 let [searchParams]=useSearchParams();
  
  if(searchParams){
    setcategory(searchParams.get('category')!)
    setvalue(searchParams.get('value')!)
  }

return (
    <div>
         Some code here which is alright
    <div/>
  )
}```

export default Employee_dir

【问题讨论】：

标签： javascript reactjs typescript react-hooks

【解决方案1】：

将其包裹在 useEffect 周围

useEffect(() => {
  if(searchParams){
    setcategory(searchParams.get('category')!)
    setvalue(searchParams.get('value')!)
  }

}, [searchParams])

【讨论】：