react如何遍历并比较_在React中遍历JSON

小编典典

除了@Dan的答案，我认为其他答案对您没有帮助/有用，因为它们不会遍历您的JSON对象。

为了正确执行此操作，您需要遍历JSON对象中的每个键。您可以通过几种方法来执行此操作，其中之一是使用Object.keys()。像下面的代码片段。

此解决方案遍历JSON对象中的每个键，并将其推入数组。一旦有了该数组，就可以map()像往常一样使用遍历它，并将相关的props传递给另一个子组件。

class MyApp extends React.Component {

render() {

var json = {“active”:{“label”:”Active”,”value”:”12″},”automatic”:{“label”:”Automatic”,”value”:”8″},”waiting”:{“label”:”Waiting”,”value”:”1″},”manual”:{“label”:”Manual”,”value”:”3″}};

var arr = [];

Object.keys(json).forEach(function(key) {

arr.push(json[key]);

});

return

• {arr.map(item => )}

;

}

}

class MyAppChild extends React.Component {

render() {

return

{this.props.label + ” – ” + this.props.value};

}

}

ReactDOM.render(, document.getElementById(‘myapp’));

2020-07-22