为什么在useMemo中包装返回对象的函数后，我得到关于非函数的警告?

Question

我有这个函数并将其传递给组件，但在使用ememo包装器之后，它告诉我modalComponentsData不是函数

const modalComponentsData = useMemo(() => {
return [
{ name: 'name', placeholder: 'Company name' },
]
}, [])

Answer 1

useMemo调用生成值的函数。你需要useCallback

const modalComponentsData = useCallback(() => {
return [
{ name: 'name', placeholder: 'Company name' },
]
}, [])

或

const modalComponentsData = useMemo(() => () => {
return [
{ name: 'name', placeholder: 'Company name' },
]
}, [])