这里的代码非常简单。我想知道这是否是预期的结果。我正在升级一个npm 模块，它需要我将这些项目传递给useState，这在以前是不需要的。不幸的是，我想useState 无法做到这一点？我对吗？我很想错。
props.items 包含一个基于类的 React 组件数组，useState 返回一个空数组：
const [items, set] = useState(props.items);
*注意，图像使用在数组内部传播的道具，因为我没有想法，此外，重做所有的东西。
【问题讨论】：
标签： javascript reactjs react-native react-hooks
这并不是真正建议您最好在useEffect 中执行此操作，因为初始状态中的Props 是anti-pattern。
const [items, setItems] = useState([]);
useEffect(() => {
setItems(props.items);
},[props.items]);
【讨论】：
props.items 在父项中发生更改时，除非 props.items 存在于 useEffect 的依赖数组中，否则它不会被反映。
set 确实是一个保留字，但我并没有真正按预期使用钩子，事实上，我什至不再使用这段代码了。我只对返回的数组为什么为空感兴趣，无论我称它为set 还是setItems 或其他任何东西都是如此。
set 不是保留字 :) @Taki
使用 react 元素数组作为 useState 的输入应该没有问题。但是，每当您使用来自父级的道具初始化您的状态时，一旦来自父级的道具更改，您还需要重新更新您的状态。否则它将指向在第一遍中从父级传递下来的旧状态。而做到这一点的方法是用 useEffect 钩子做一个 setItems
useEffect(() => {
setItems(props.items)
}, [props.items])
顺便说一句，这只会检查新旧数组之间的引用相等性，如果你想进行深度比较，你可能应该使用类似use-deep-compare-effect
【讨论】：
useEffect 中仅意味着它将在道具更改时更新。也许初始值会根据 URL 发生变化，但组件永远不会重新挂载。从服务器获取初始值时，可能无法立即获得初始值。底线 - 从道具设置状态本质上不是反模式。仅当状态不需要随时间变化时。