使用 React 过滤 API 结果

Question

---

我使用 API 与这段代码的 sn-p 反应：

constructor(props) {
  super(props);
  this.state = {
    items: null
  };
}

componentDidMount() {
  return client
    .get('/api/v1/product/list')
    .then(response => {
      this.setState({items: response});
      return response
    })
    .catch(err => {
      throw err
    });
}

然后我从 API 得到这样的结果：

我的问题是，如何过滤 API 结果，然后使用 data..中的 results？

Answer 1

试试这样，

constructor(props) {
  super(props);
  this.state = {
    items: null
  };
}

componentDidMount() {
  return client
    .get('/api/v1/product/list')
    .then(response => {
      //extract data from response 
       let {data} = response;
      this.setState({items:data.results});
      return response
    })
    .catch(err => {
      throw err
    });
}