javascript - 在ReactJs中,如何显示Json数据

  显示原文与译文双语对照的内容
107 4

我有这个代码,我只是想显示一个Json数据,但它返回未定义

var dataW = [
 {
 empAverage:3,
 reviewerAverage:4,
 stdAverageOfTask:1
 }
]
var ReviewCalculator = React.createClass({
 getInitialState: function() {
 return {data: dataW};
 },
 render: function() {
 return (
 <table>
 <tr><th>empAverage</th><td>{ this.props.data.empAverage}</td></tr>
 </table>
 );
 }
 });
 ReactDOM.render(<ReviewCalculator/>, document.getElementById('container'));

Fiddle在这里 链接

时间:原作者:0个回答

129 0

当然,因为你没有 this.props.data.empAverage,而是你的this.state.data.empAverage &是你的data,它是一个 array 。对于这个例子,我已经更改为 [0],但是对于未来,建议使用 Array.prototype.map 方法

工作示例

var dataW = [
 {
 empAverage:3,
 reviewerAverage:4,
 stdAverageOfTask:1
 }
]
var ReviewCalculator = React.createClass({
 getInitialState: function() {
 return {data: dataW};
 },
 render: function() {
 return (
 <table>
 <tr>
 <td>{this.state.data[0].reviewerAverage}</td>
 </tr>
 </table>
 );
 }
});
 ReactDOM.render(<ReviewCalculator/>, document.getElementById('container'));

如果需要,可以删除 JSON.stringifyfiddle

谢谢

原作者:
...