如何解决react-native undefined不是对象
Error 我怎么解决这个问题 ?我在图片中出现错误。该错误的解决方案是什么? react-native代码=> 我怎么解决这个问题 ?我在图片中出现错误。该错误的解决方案是什么? react-native代码=>
const Listdesing = (props) => {
const isDarkMode = useDarkMode();
return(
<TouchableOpacity onPress={() => this.props.navigation.navigate('Detail',{
text: 'item.text',name: 'item.title'
})}>
<ListItem
titleStyle={{ color: isDarkMode ? 'white' : 'black' }}
containerStyle={{ backgroundColor: isDarkMode ? '#1C1C1E' : '#FFFFFF' }}
key={props.id}
title={props.title}
rightIcon={{ name: 'chevron-right',color: isDarkMode ? 'white' : 'black' }}
/>
</TouchableOpacity>
)}
class Direm extends Component{
state = {
text: '',contact : []
};
componentDidMount() {
this.getContacts();
}
getContacts = async () => {
const {data: { Konular } } = await axios.get('www.site.com');
this.setState({
contact: Konular,});
console.log(Konular)
};
renderContactItem = ({ item,index }) => {
return(
<Listdesing
id={item.id}
title={item.title}
/>
)
};
render(){
return(
<FlatList
renderItem={this.renderContactItem}
keyExtractor={(item) => item.id}
data={this.state.contact}
/>
)
}}
const Ana = ({navigation}) => {
//const isDarkMode = useDarkMode();
return(
<Direm />
)}
解决方法
似乎您仅在存储this.props.navigation
时尝试访问props.navigation
,请尝试以下操作:
const Listdesing = (props) => {
const isDarkMode = useDarkMode();
return(
<TouchableOpacity onPress={() => props.navigation.navigate('Detail',{ // This should be props.navigation,not this.props.navigation
text: 'item.text',name: 'item.title'
})}>
<ListItem
titleStyle={{ color: isDarkMode ? 'white' : 'black' }}
containerStyle={{ backgroundColor: isDarkMode ? '#1C1C1E' : '#FFFFFF' }}
key={props.id}
title={props.title}
rightIcon={{ name: 'chevron-right',color: isDarkMode ? 'white' : 'black' }}
/>
</TouchableOpacity>
)}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。