javascript - 从 ReactJS 中的 API 获取数据后如何重新渲染前端

Question

有人可以告诉我在从 API 中获取数据后如何更新我的表条目吗？我已经检查并看到数据正确到达并且没有任何问题，但是除了最后一行之外，我无法让它们反映在我的桌子上。我知道设计遵循一个非常糟糕的做法，我打算及时重构它，但目前，我只想学习如何更新表格行。

    axios.put(url_const, this.state)
      .then(respond => {
        const a = res.data.a;
        this.state.d = a;
        this.state.a = a;
        this.state.t = a.toString();
      });
  }

标签： javascriptreactjsajaxrest

Answer 1

您没有正确设置状态。在 sendArr() 中，而不是将数组设置为

this.state.data = arr1;

使用 setState() 设置状态，如下所示：

this.setState({
  data: arr1,
  arr: arr1,
  text: arr1.toString()

})

一旦状态更新，组件将自动重新呈现自己，这反过来会显示更新的条目。