在 react 的 useState 中插入正则表达式无效

Question

我正在尝试将状态的默认值设置为正则表达式变量，但未将状态设置为此正则表达式值。我将正则表达式分配给一个变量，然后将该变量插入到 useState 默认参数中，但未设置默认状态。

这是我的代码和我尝试过的：

let allcategs = /women/i

const [catfilter, setCatfilter] = useState(allcategs) //the state of catfilter should be set to any string that is "women".

return(
<>
    {catfilter} //not showing anything
</>
)

Answer 1

你不能直接将对象渲染为 React 子对象 使用函数内的变量完成您的操作并呈现结果 Ex：

useEffect(() => {
            console.log(catfilter) // it will return the actual value

        }, [])