axios从数据库中获取数据

Question

export class Diet extends Component {
  constructor(props) {
    super(props);
    this.state = {
          data: [],
         };
  }
 updateSearch = (e) => {
    axios
      .get(
        `https://api.spoonacular.com/food/products/searchapiKey{1234}&query=${this.state.data}&number=100`
      )
      .then((res) => {
        this.setState({ data: res.data });
      });
  };
   render()
      return(
            <SearchBar  
               placeholder="Search Food..."
               onChangeText={this.updateSearch}
               value={data}
             />
            <List style={{ paddingTop: hp("2%") }}>
              <TouchableOpacity>
                {data.parsed.map(({ type }) => (
                  <Text>{this.state.type.products.title}</Text>
                ))}
              </TouchableOpacity>
            </List>

嗨，我正在尝试使用 axios 从 Spoonacular 数据库中获取数据，我正在尝试使用 SearchBar 搜索食物并在 List 中显示内容，我是编程新手而且我不太确定自己在做什么，当我运行代码时它告诉我undefined is not an object (evaultaing 'data.parsed.map')，这也是使用SearchBar 获取数据的正确方法。

文档链接：https://spoonacular.com/food-api/docs#Search-Grocery-Products

Answer 1

你只是错过了 this.state.data

             <TouchableOpacity>
                {this.state.data.map(({ type }) => (
                  <Text>{this.state.type.products.title}</Text>
                ))}
              </TouchableOpacity>