undefined 不是一个对象

Question

您好，在打印电影搜索结果期间，我的电影应用程序出现渲染错误。我在 React-Native 0.70.5 中工作。这是此活动的一些代码 `

import React,{useState,useEffect} from 'react';
import axios from 'axios';
import { View, StyleSheet, Text, TextInput,ScrollView } from "react-native";

const Search = () => {
   const apiurl="https://api.themoviedb.org/3/search/movie?api_key=XXX"
   const [state,setState] = useState({
   s: "Enter a movie",
   results:[]
   });

   const search = () => {
    axios(apiurl + "&query="+ state.s).then(({ data }) => {
        let results = data.search;
        console.log(data);
        setState(prevState => {
            return{...prevState, results: results }
        })
    })
    }
  return (
         <View>
         <TextInput
            onChangeText={text => setState(prevState => {
            return {...prevState, s:text}
            })}
            onSubmitEditing={search}
            value={state.s}
         />
        <ScrollView>
            {state.results.map(result =>(
                <View key={result.id}>
                    <Text>{result.title}</Text>
                </View>
            ))}
        </ScrollView>
        </View>
  );
}

const styles = StyleSheet.create({
  center: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
    textAlign: "center",
  },
});

export default Search;

`

如何更改此函数的构造以正确打印电影片名？

Answer 1

我不确定，但你可以在 ScrollView 代码下面试试这个......

       <ScrollView>
            {state.results && (state.results.map((result) =>(
                <View key={result.id}>
                    <Text>{result.title}</Text>
                </View>