React Native App 不会显示 API 结果

Question

您好，我正在尝试显示这些电影的ai，但不会显示在我的手机上，但是当我控制台日志时，它们在我的终端中工作，只是在向设备显示结果时遇到问题。

起初我给了一个错误

未捕获的类型错误：状态.结果.映射不是对象

这是下面的代码

import React ,{ useState }from 'react';
import axios from'axios';
import { StyleSheet, Text, View ,ScrollView,TextInput} from 'react-native';
export default function App() {
const apiurl = "http://www.omdbapi.com/?i=tt3896198&apikey=?????";
const [state,setState] = useState({
s:'Enter A Movie...',
results:[],
selected:{}
});
const search = () => {
axios(apiurl + "&s=" + state.s).then(({data})=>{
let results = data.Search
console.log(results)
setState(prevState =>{
return {...prevState, results: results}
})
})
}
return (
<View style={styles.container}>
<Text style={styles.Header}>Movie DataBase</Text>
<TextInput 
style={styles.searchBar}
onChangeText={text => setState(prevState =>{
return{...prevState, s: text}
})}
onSubmitEditing={search}
value = {state.s}
/>
<ScrollView style={styles.results}>
{state.results.map(result => {
<View key={result.imdbID} style={styles.result}>
<Text>{result.Title}</Text>
</View>
})}

</ScrollView>
</View>
);
}

Answer 1

您可以直接将结果设置为您的状态，例如

setState( { ...state , results : results } )