ReactJS SocketIO setState到JSON对象

Question

从我以前的线程这里有带有套接字嵌套JSON解析数据问题的ReactJS ，我试图找出最好的方法来设置我的react组件的setState并使状态为JSON

我的代码示例将在此处显示JSON：

{
    "Object1": {
        "name": "1",
        "rank": "2"
    },
    "Object2": {
        "name": "3",
        "rank": "4"
    }
}

在我的React代码中，我正在这样设置状态。

componentDidMount() {
    this.socket.on('send data', this.updateState);
}

updateState(result) {
    this.setState({
        data: result
    });
    this.toObj = JSON.parse(this.state.data);
}

可以将setState作为JSON对象做什么，以便我可以随时在应用程序中使用数据？

Answer 1

在setState之前解析它，并直接引用状态：

updateState(result) {
  const data = JSON.parse(result);
  this.setState({
    data
  });
}

render() {
  return (
     <ul>
       {this.state.data.map(obj => (
         <li><span>{obj.name}</span>: <span>{obj.rank}</span></li>
       )}
     </ul>
  )
}