React 重新渲染 State 问题

Question

想知道是否有人可以帮助我。 当 state 更新以重新呈现反应文件中的所有状态时，我遇到了这个奇怪的问题：

这是我在做其他事情时不想更新的主要 state：

{dashboard.layout.map((layout, i) => createContent(layout, i))}

但是，当使用 Material UI 对话框时，我单击一个按钮将其打开，更新 state 如下：

onClick={handleDashletSelectorOpen}
const handleDashletSelectorOpen = () => {
    setDashletSelectorOpen(true);
  };

这是有问题的两个州：

const [dashboard, setDashboard] = useState({
    layout: [],
    widgets: []
  });
const [dashletSelector, setDashletSelectorOpen] = useState(false);

我想做的是打开对话框但不重新呈现仪表板 state。这可能吗？ 我确定我缺少一些简单但无法弄清楚的东西。

任何帮助都会很棒。

谢谢

Answer 1

我的想法全错了。 这里的问题是不同的“状态”不是不同的状态，而是一个带有多个道具的 state。 一旦我意识到这一点，解决方案就很简单，为了解决这个问题，我将所有其他无关紧要的道具移动到子组件，如果父组件重新渲染，那很好，但如果子组件重新渲染，那么父组件没有。 很有魅力