reactjs - without - react.dom.div




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

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

这将是一样的:

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

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





react-jsx