對象不是有效的React子代嗎？

Question

以下函數設置我的React應用的狀態，personData是一個對象：

request('https://swapi.co/api/people/?search='+event.target.value, (error,response,body) => {
  this.setState({personData: JSON.parse(body)});
  console.log(this.state)
})

然后在render函數中：

     <td>{this.state.personData}</td>

我收到錯誤消息“對象作為React子對象無效（找到：帶有鍵{}的對象）。 如果要渲染子級集合，請改用數組。 我怎樣才能解決這個問題？

Answer 1

如果要呈現JSON響應，則必須對響應進行字符串化

<td>JSON.stringify(this.state.personData, null, 2)</td>