如何在不触发 React 组件的重新渲染的情况下在 useState 中填充 Map？
const [myMap, setMyMap] = useState(new Map());
我将键值放在那里，但每次使用时都会重新渲染组件
const insertToMap = (myMap, setMyMap, k, v) => {
myMap[k] = v;
setMyMap(myMap);
}
要么
const insertToMap = (myMap, setMyMap, k, v) => {
myMap[k] = v;
setMyMap(myMap.set(k, v));
}
如何在不导致重新渲染的情况下填充地图？
如果在渲染时根本不考虑地图，那么您可以对其进行变异 - 在这种情况下，使用 ref 比使用状态更有意义：
const myMapRef = useRef(new Map());
// reference myMapRef.current to get to the map
还要注意的是，如果你想使用地图作为地图，你应该使用地图的方法.set，.get以及.has：
const insertToMap = (myMap, k, v) => {
myMap.set(k, v);
};
如果您想使用括号表示法来存储值，您几乎肯定应该使用普通对象，例如
const myObjRef = useRef({});
myObjRef[k] = v;
如果您真的希望更改值不会导致重新渲染。但鉴于
我希望根据重新渲染时的地图正确渲染每个复选框的选中道具
听起来这真的应该是有状态的 - 您几乎肯定应该希望更改值以立即选中或取消选中复选框（通过状态更改和由此产生的重新渲染）。
能够轻松克隆有状态值是件好事，这样设置它们的状态（不改变当前处于状态的对象）就不会太乏味。考虑使用对象而不是 Map，并且：
const [checkboxes, setCheckboxes] = useState({});
const insert = (k, v) => {
setCheckboxes({ ...checkboxes, [k]: v });
};
如果在状态更新之前多次调用此函数，请改用回调形式：
setCheckboxes(checkboxes => ({ ...checkboxes, [k]: v }));
我的第一个想法是在不触发重新渲染的情况下填充地图
如果所有初始 setter 同步发生，则无需担心。您也可以在调用此组件之前填充它，并将填充的对象作为道具向下传递。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句