在组件中，我想根据Mobx状态打开一个modal。但我对此感到困惑。
在 Mobx 中，我有一个返回报告的计算函数。
@observable report= null;
@computed get getErrorReport(){return this.report}
并且在组件中，如果出现错误，我想打开一个模式，为此我需要设置模式标志。
render() {
const { getErrorReport } = this.props.myStore!;
if(getErrorReport) {this.setState({modalOpen:true})}
.....
}
当然，这个更新是错误的。通常在这些情况下，我们需要setState 渲染应该是什么方法？
【问题讨论】：
标签： reactjs mobx setstate mobx-react
您可能希望以这种方式构建您的代码。
class MyStore {
@observable report = null;
// You do not need a @computed here just to return a property - access it
// directly
}
@inject('myStore') // myStore is an instance of MyStore that you passed to Provider
@observer // observer will trigger a rerender if any observable prop change (report
// in your case)
class MyReactComponent extends React.Component {
// so you do not need a set state here
render() {
// Your modal component may differ, this is example
return (<Modal isOpened={this.props.myStore.report} />)
}
}
【讨论】：
report，并且您无法清空它 - 那么最好绑定report的某些属性。在渲染中调用setState（在渲染阶段）是 React 中的反模式。主要规则 - 中继状态，从状态数据中获取渲染组件所需的数据，在 render 中使用它
根据 mobx 文档，如果你想要一个变量来触发你的渲染，你应该使用 observable，所以在这种情况下你看起来根本不需要使用 state，因为 observable 会触发渲染并且在你的渲染函数中你应该询问报告是否不为空，如果是，只需打开您的模式而不更改您的状态。 我错过了什么吗？
【讨论】：