个人中心
gpt4 book ai didi

javascript - 存储 udates mobx 时组件不会重新呈现

转载 作者：行者123 更新时间：2023-12-05 06:52:53 24 4
gpt4 key购买 nike

<分区>

我做了一个商店，有一个字段和一个 Action 。但是，当触发 Action 的事件被触发时，存储本身并没有更新，组件也没有被重新渲染。

商店:

configure({ isolateGlobalState: true });

class CallStore {
  @observable call;

  constructor() {
    this.call = false;
  }

  @action turnOnCall = (isTrue) => {
    return this.call = isTrue;
  }
}

const callStore = new CallStore();

export default callStore;

需要更新的组件:

 const App = (props) => {
  return props.call ? (   
    <main>
      <VideoFormContainer />
      <Video />
    </main>
  ) : (
    <main>
      <VideoFormContainer />
    </main>
  );
};

 export default App;

该组件的容器:

    const AppContainer = inject('callStore')(observer(({ callStore }) => (
      <App call={callStore.call} />
    )));
    
export default AppContainer;

调用 Action 的组件

import callStore from '../../stores/callStore';

    const someComponent = () => {
    return (
        <button className="header__form-button" onClick={callStore.turnOnCall(true)} type="submit">Join</button>
    )
}

24 4 0
文章推荐： javascript - Material-UI DataGrid 组件使用新状态数据刷新
文章推荐： amazon-s3 - AWS lambda tar 文件提取似乎不起作用
文章推荐： r - 如何在热图的一个图 block 上显示两个分类变量 - 三角形图 block
文章推荐： swift - 在 macOS 应用程序中支持 URL 方案
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com