使用 React-Native 从 JSON 中提取数据

Question

这张图有什么问题吗？ :-)

我正在尝试从我的 wordpress JSON 对象中提取值。

我不能使用 React-Native 以正确/正确的方式解决它们。

有人可以指导我如何形成正确的控制台日志语句吗？

就目前而言，变量“theMediaLink”在控制台日志中出现“未定义”。 :-(

  state={
    data:[]
  }

  fetchData = async() => {
    const response = await
    //response
    fetch('http://example.com/wp-json/wp/v2/posts/')
    //posts
    const posts = await response.json();
    this.setState({data:posts});

    const theMediaLink = `https://example.com/wp-json/wp/v2/media/` + `${this.state.data.featuredmedia}`;
    console.log('theMediaLink_value: ', theMediaLink);
  }

我应该补充一点，当我稍后使用 FLATLIST 来提取帖子时，提取正在检索数据。我的问题是我一定是打错电话了，但是怎么回事？

Answer 1

这更多的是理解 React 而不是 React Native 的问题。

试试这个：

fetchData = async () => {
  const URL = 'http://example.com/wp-json/wp/v2/posts/'

  const response = await fetch(URL)

  const posts = await response.json();

  return this.setState({ data : posts }, () => {
    const { data } = this.state

    const theMediaLink = `https://example.com/wp-json/wp/v2/media/${ data.featuredmedia }`;

    console.log('theMediaLink_value: ', theMediaLink);
  });
}

由于setState 是异步的，您将无法立即看到状态更新，这就是callback 的用途。

更多信息on how to setState asynchronously and use its value after right here