setState在React和Node Js中返回NULL[重复]

Question

我有一个节点JSAPI，在这里我通过find函数获取数据库数据。它工作完美，并发送我的结果。使用React和Axios，我获得了数据，但只要我将数据传递到setState中，它就会发送null。

这是我的APIfind（）函数

dbo.collection("students").find({}).toArray(function(err, result) {
        if (err) throw err;
        var students = result;
        reponse.send(students);
        db.close();
    });

这是我的Axiosconstructor（）和componentDidMont（）

    constructor() {
    super();
    this.state = {
      students: [],
    }
  }

    componentDidMount() {
    axios.get("http://localhost:3333/").then((data) => {
      console.log(data);
      this.setState({students:data.data.students});
      console.log(this.state);
    });
  }

console.log（数据）返回这个

`Object { data: (33) […], status: 200, statusText: "OK", headers: {…}, config: {…}, request: XMLHttpRequest }`

而console.log（this.state）返回此

对象{学生：未定义}

Answer 1

首先，状态更新是异步的，所以您不会立即看到更新的状态

其次，响应数据具有数组数据，因此您只需使用data.data

this.setState({students:data.data});