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>
  )
}