我应该如何通过我的道具获得有效的数组[对象]

时间:2016-08-08 21:50:54

标签: javascript reactjs redux

我尝试使用react-json-table在react / redux项目中构建一个简单的数据表。当我直接在组件中传递数据时,一切正常。但是,当我使用props时,该表格无法显示。

因此,当我对数据进行硬编码时,这是我的代码:

var data = [{'alpha': 82, 'bravo': 20, 'charlie': 68}];
<JsonTable rows={ data } />

它工作正常。

但是,当我直接通过我的道具传递完全相同的数据时,就像<JsonTable rows={ props } />一样,它无法正常工作。我用console.log({props})检查我的道具,它工作正常。

任何想法?在使用之前,我是否需要以特定方式格式化我的道具?

感谢。

1 个答案:

答案 0 :(得分:1)

确保将数据作为数组传递给此组件:

<JsonTable rows={[props]}/>