Javascript React Native-未定义不是对象(正在评估“item.menu\u desc”)
我正试图将一些数据发送到我的数据库,但这些数据也来自我的数据库。按下发送按钮,显示的项目/数据应发送/添加到数据库中 我试图使用此.setState{name:item.menu_desc},但它给了我以下错误: 这是我的密码Javascript React Native-未定义不是对象(正在评估“item.menu\u desc”),javascript,android,reactjs,react-native,ecmascript-6,Javascript,Android,Reactjs,React Native,Ecmascript 6,我正试图将一些数据发送到我的数据库,但这些数据也来自我的数据库。按下发送按钮,显示的项目/数据应发送/添加到数据库中 我试图使用此.setState{name:item.menu_desc},但它给了我以下错误: 这是我的密码 export default class Dishes extends Component { constructor(props) { super (props) this.state = { ....
export default class Dishes extends Component {
constructor(props) {
super (props)
this.state = {
....
....
name: null,
menu_price: null,
}
}
submit = ({ item, index }) => {
this.setState({ name: item.menu_desc }); // my setStates
this.setState({ menu_price: item.menu_price });
fetch('http://192.168.***.***:3308/SendOrder/Send', {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify({
....
menu_desc: item.menu_desc,
menu_price: item.menu_price,
})
}).then(res => res.json())
.then((responseJson) => {
Alert.alert(JSON.stringify(responseJson))
console.log(responseJson);
})
.catch(error => console.error('Error:', error))
}
return (
<View>
.....
<Text>Name: { item.menu_desc }</Text> // This is name
<Text>Price: ₱{ item.menu_price }</Text> // This is price
<Text>Status: { item.menu_status }</Text>
.....
<TouchableOpacity
onPress = {(item,index) => this.submit(item,index)}>
<Text>Send Order</Text>
</TouchableOpacity>
</View>
)
}
render() {
return (
<FlatList
data = {this.state.data}
keyExtractor={(item, index) => index.toString()}
extraData={this.state}
renderItem = {this._renderItem}
/>
</View>
)
}
}
你在叫这个。submititem,index
其中item是第一个变量,index是第二个变量。
但是submit函数试图像这样分解item对象
提交={项目,索引}=>{
删除大括号或将参数作为对象发送
近距离仿真器
终止所有node.exe进程
删除temp中的所有文件
卸下节点U模块
安装babel插件转换流条类型
npm安装
反应本机启动-重置缓存
react本地运行的android
该错误告诉您该项未定义,因此您无法对其调用.menu_desc,因为它不是对象 TouchableOpacity中的内联函数应该是这样的:注意,在匿名内联函数中实际上不需要任何参数
它给出了同样的错误,先生,在我的菜单中如何描述:item.name和menu\u price:item.menu\u price?你认为我这样做是对的吗?
<TouchableOpacity
onPress = {
() => {
this.submit(item, index)
}
}
>
submit = (item, index) => {
...
}