既然Provider已传递所有属性，MobX @inject装饰器的作用何在？

首先得纠正一个常见误解：Provider并不会把传入的属性直接作为props传递给所有子组件，它的核心作用是把你传入的stores存入React的上下文（Context）中，让整个组件树的后代都能“访问到”这些stores，但不是自动塞到组件的props里。这就是@inject装饰器存在的意义。

拆解你的疑问： #

• 你示例里的<SomeComponent />并没有自动获取到usersStore和itemsStore作为props。它只是处于Provider的上下文覆盖范围内，具备了“可以获取这些stores”的资格，但不会自动拿到。
• @inject('itemsStore')的作用，就是从React上下文中精准提取你需要的那个store，并把它作为props注入到目标组件里。没有这个步骤，组件根本没法通过this.props访问到对应的store实例。

更详细的说明： #

1. Provider的工作逻辑
   Provider是Mobx-React提供的一个封装组件，它接收你传入的stores对象（比如示例里的{ usersStore, itemsStore }），然后通过React Context把这些stores“广播”给它的所有后代组件。但这种广播是“可访问”而非“自动注入”——组件需要主动去“拿”，才能拿到。

2. @inject的核心价值
   当你给组件加上@inject('itemsStore')装饰器时，它会帮你做两件事：

   • 从Provider提供的上下文中找到名为itemsStore的实例
   • 把这个实例作为props注入到组件中，让你可以通过this.props.itemsStore来使用它

   举个实际使用的例子：

   import { inject, observer } from 'mobx-react';
   
   @inject('itemsStore')
   @observer // 通常配合observer，让组件响应store的状态变化
   class SomeComponent extends React.Component {
     render() {
       // 这里能拿到itemsStore，全靠@inject注入
       return <div>当前商品数量：{this.props.itemsStore.totalCount}</div>;
     }
   }
   

3. 为什么不直接传props？
   如果组件层级很深，手动把store一层一层通过props传递会非常繁琐（也就是所谓的“props drilling”）。Provider + @inject的组合，就是为了避免这种麻烦，让组件可以直接从上下文中获取需要的store，不用依赖上层组件传递。

内容的提问来源于stack exchange，提问作者jayarjo