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

Question

有没有办法将以下内容写成JSX？

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

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

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

如果有很多道具,这将是非常嘈杂的.

Answer 1

目前,最好的方法是下载到普通的JS:

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

在下一版本的React中,您将能够<MyComponent {...settings} />像ES6阵列扩展运算符一样编写代码.