reactjs - 如何将 JSON 对象内联为组件的属性和值的映射？

Question

有没有办法把下面的代码写成 JSX？

var settings = {setting1: 1, setting: 2};
MyComponent(setting)

我试过了 <MyComponent {settings} />但这不编译。所以唯一的方法似乎如下:

<MyComponent setting1={settings.setting1} setting2={settings.setting2} />

Prop 多的话会很吵

Answer 1

目前，最好的方法是使用纯 JS:

<div>
  {MyComponent(settings)}
</div>

在下一版本的 React 中，您将能够编写 <MyComponent {...settings} /> ，就像 ES6 数组扩展运算符。