我有一个数组,它作为道具提供给我的名为Child
. 现在,每次将新项目添加到数组时,都应该针对 API 进行提取。
这个数组保存在一个Parent
使用useState
钩子命名的组件中。每当我想添加一个新项目时,我都必须重新创建数组,因为我不允许直接对其进行变异。
我试图在以下代码片段中简化我的用例:
const Parent = () => {
const [array, setArray] = useState([]);
///...anywhere
setArray(a => [...a, newItem]);
return <Child array={array} />;
}
const Child = ({ array }) => {
useEffect(() => {
array.forEach(element => {
fetch(...);
});
}, [array]);
return ...;
}
现在,我的问题是:我怎样才能从我的 API 中只为新元素而不是整个数组获取新数据?
我希望我足够好地描述了我的问题。如果有任何不清楚或遗漏的地方,请告诉我。