[react]: useMemo在传入数组时返回第一个元素

Question

示例代码

export default function App() {
const [links] = React.useMemo(
() => ['hello', 'world'],[]
)
return (
<div className="App">
<button onClick={() => console.log(links)}>console</button>
</div>
);
}

当按钮被点击，我得到以下在控制台

hello

我的问题:因为它返回第一个元素，我无法映射到links数组。我应该这样使用useMemo吗?注意，我传递的数组是一个例子，元素可以变得比一个简单的字符串更大。

Answer 1

问题是，正如@Andrea Giammarchi所指出的，在左值

中解构了链接。下面的代码修复了这个问题:

- const [links] = React.useMemo(
+ const links = React.useMemo(