使用本机反应获取数据错误

Question

我使用了两个类 我称第二类如下

let s = new SearchExtend();

output = s.fetchData(search)
alert(output)

第二个功能：

fetchData = (search) => {

      fetch('http://example.com/search.php' , {
        method: 'POST',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({

          // Getting the search.
          search: search
        })
      }).then((response) => response.json())

       .then((responseJson) => {
             return responseJson;
       })
       .catch((error) => {
         console.error(error);
       });
}

但我进入“警报”未定义

当我使用 this.setState 而不是 return 时，出现以下错误：

警告 setstate(...) 只能更新挂载或挂载的组件

Answer 1

你得到undefined，因为你正在使用promise。最初它返回 undefined ，一旦 promise 被解决，你就会得到实际的数据。

处理此问题的更好方法是返回承诺并在外部解决它，如下所示：-

const fetchApi = () => {
   return fetch("https://swapi.co/api/people" , {
    method: 'GET',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
    }
  }).then((response) => {
    return response.json();
  })
   .then((responseJson) => {
    return responseJson;
  })
    .catch((error) => {
    console.error(JSON.stringify(error));
  });
}


fetchApi()
.then((data) => {
  console.log("data", data);
})