我一直在阅读关于在React中使用Context的优势的文章，但我并不信服，我想知道我是否遗漏了什么。
Context提供了一种通过组件树传递数据的方法，而不必在每个级别手动向下传递属性。
在主组件中创建一个props对象并在下属之间传递它有什么麻烦吗？

// do this once at top level (I'm assuming [foo, foo_set] and [bar, bar_set] are state variables):
const props = {foo, foo_set, bar, bar_set, thisAndThat, theOther, whatever, etcAndEtc}

// including one component
<MyComponent1 {...props } />

// including another
<MyComponent2 {...props } />

（也许对这个对象使用另一个名称比props更好，因为组件可以有其他属性。无论如何。）
然后在MyComponent1中，您可以访问所有想要的 prop ，或者不访问它们。

...
const MyComponent1 = (props) => {
...
// here we can use any props we need, props.bar, props.bar_set, props.theOther for example
const localVar = props.bar * 2;
props.bar_set(localVar);
// this changes the value of bar throughout the app
...
}

在我看来，上述方法的优点在于，您可以将props对象传递给其他子子组件，而不必担心是否缺少任何内容。或者：

...
const MyComponent1 = ({bar, bar_set, theOther }) => {
...
// here we can use bar, bar_set, theOther in the same example
const localVar = bar * 2;
bar_set(localVar);
...
}

此选项的优点是语法较短。
所以我的观点是为什么不直接使用标准的JavaScript语法呢？当有很多东西可以吸收来做各种其他事情的时候，为什么要引入新的概念呢？