MobX-在将数据注入到React组件时可以使用`inject`时为什么要使用`observer`

我相信您的评估是正确的。为了清楚起见，让我尝试重新措辞：

@observer

render

我们应该注意，根据您的示例，

@observable

render

prop

class Store{  @observable data = {    nesteddata: {      // changes to `deepData` would theoretically re-render any observer      deepdata: 'my_data'     }  }}

使用观察者，即使上一个可观察的对象嵌套在数据存储区的深处，最后一次渲染中所有访问的可观察的对象的更改也将导致重新渲染

答对了！

尽管会有一个奇怪的地方

observable

另一方面，您有

@inject

props

Provider

例如：

@inject('title')class MyComponent extends React.Component {    render() {        return (<div>{this.props.title}</div>);    }}const Container = () => (    <Provider title="This value is passed as a prop using `inject`">        <MyComponent />    </Provider>);

仅当在注入器功能中访问的可观察对象发生更改时，才注入重新渲染。

答对了！

inject

prop

实际上，shouldComponentUpdate（）和-的深度比较实际上是相同的问题，

props

observer

shouldComponentUpdate

我认为，最好仅使用注入，因为它可以为您提供更多控制权，并且可以防止不必要的重新渲染。

我并不一定要走那么远……这完全取决于您的代码结构。

如果我这样修改您的原始示例：

class Store{    @observable data = {        nesteddata: {}    };    constructor() {        this.data.nestedData.deepData = 'my_data';    }}

…添加的

deepData

data

另一种方法可能是执行以下操作：

class Person {    @observable name = 'John Doe';}class Store{    @observable data = null;    constructor() {        this.data = new Person();    }}

这使您可以将可观察的值分散到各个类中-
因此您可能仍想注入

Store

Store.data

Person