我尝试使用react-json-table在react / redux项目中构建一个简单的数据表。当我直接在组件中传递数据时,一切正常。但是,当我使用props
时,该表格无法显示。
因此,当我对数据进行硬编码时,这是我的代码:
var data = [{'alpha': 82, 'bravo': 20, 'charlie': 68}];
<JsonTable rows={ data } />
它工作正常。
但是,当我直接通过我的道具传递完全相同的数据时,就像<JsonTable rows={ props } />
一样,它无法正常工作。我用console.log({props})
检查我的道具,它工作正常。
任何想法?在使用之前,我是否需要以特定方式格式化我的道具?
感谢。
答案 0 :(得分:1)
确保将数据作为数组传递给此组件:
<JsonTable rows={[props]}/>