【问题标题】:When read or write to redux, the page is re rendered读写redux时,页面重新渲染
【发布时间】:2023-01-08 02:18:35
【问题描述】:

我使用这段代码来更改 redux 中的一个值,每次我调用“发送消息”操作时,都会重新呈现表单并重复控制台日志“页面安装”,为什么?

    function Fake() {
  useEffect(() => {
    console.log("Page mounted");
  }, []);

  const changeDataInStore = ({ msg }: { msg: string }) => {
    sendMessage(msg);
  };

  return (
    <>
       <div
            onClick={() =>
             changeDataInStore({msg:'test'})
            }
          >
            <label>Change data</label>
          </div>
    </>
  );
}

export default memo(Fake);

【问题讨论】:

    标签: javascript reactjs redux


    【解决方案1】:

    Fake 的任何祖先(调用Fake 的组件或调用Fake 的组件的父级等等...)是否订阅了sendMessage 更新的 redux 状态?那样就可以了。

    【讨论】:

      猜你喜欢
      • 2023-03-19
      • 1970-01-01
      • 2018-01-03
      • 2017-03-20
      • 1970-01-01
      • 2012-02-23
      • 1970-01-01
      • 2020-11-27
      • 2018-03-24
      相关资源
      最近更新 更多