javascript - React Native - 未定义不是对象(评估 'item.menu_desc' )

Question

我正在尝试将一些数据发送到我的数据库，但这些数据也来 self 的数据库。通过按发送按钮，显示的项目/数据应发送/添加到数据库中。

我尝试使用 this.setState({ name: item.menu_desc }) 但它给了我这个错误:

这是我的代码

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>
        )
    }
}

Answer 1

您正在调用this.submit(item,index)

其中 item 是第一个变量，index 是第二个变量。 但是提交函数尝试像这样解构项目对象。

提交 = ({ item, index }) => {

删除花括号或将参数作为对象发送。