reactjs - without - react.dom.div

麻烦理解JSX传播运营商 (2)

这有助于使代码更加简洁 - 因为props是一个对象，所以spread运算符将传入的对象的属性应用到组件中。所以组件的属性是一个值为x的foo和一个值为x的bar 。

这将是一样的：

var component = <Component foo={props.foo} bar={props.bar} />;

只是更短

从React文档中给出这个示例代码：

var props = {};
props.foo = x;
props.bar = y;
var component = <Component {...props} />;

我做了一些研究...props实际评估的东西，这是：

React.__spread({}, props)

依次评估{foo: x, bar: y} 。

但是我想知道的是，为什么我不能这样做：

var component = <Component props />;

我不明白传播运算符的意义。

看看这个帖子由SebastianMarkbåge： https ：//gist.github.com/sebmarkbage/07bbe37bc42b6d4aef81

它对你的问题和背后的原因有一个完整的答案