Question

我这样开始会议

每个TextField都显示如下：

state = {
    firm: null,
    office: null,
    salesCode: null,
    account: null
}

然后我有一个handleChange事件

<TableCell>
    <TextField
        id="standard-bare"
        defaultValue={items.data[i].firm}
        margin="normal"
        onChange={(e) => this.handleChange(e, items.data[i].id)}
    />
</TableCell>

当我在TextField中运行并编辑文本时，出现以下错误

handleChange({ event, id }) {
    const { data } = this.state;
    data[id] = event.target.value;
    this.setState({data})
}

我正在尝试对表格实施编辑功能。因此，如果用户编辑文本，我将获得新的更新信息，并进行API调用以在那里相应地更新值。

Answer 1

您没有将对象传递给handleChange来提取，而是将更多的单个参数传递给了

更改

handleChange({ event, id }) {

收件人

 handleChange(event, id) {

编辑：

状态中没有定义任何数据，但是您正在访问它，并尝试通过ID将数据对象的输入值设置不正确。应该是下面的样子

     handleChange(event, id) {
        this.setState({
              [id]: event.target.value
        })
    }

React Material UI更新TextField值

1 个答案: