javascript - react onChange 功能不适用于选择标签

Question

这个问题我已经有一段时间了，所以我希望能在这里找到答案。我尝试基于 the code given in the react docs 实现一个简单的选择标签.但是，这对我不起作用。这是我编写的代码:

<select value={this.state.formId} onChange={this.handleInternalFormChange}>
                        {
                            Object.keys(this.state.userForms).map(formKey => ( 
                                <option key={formKey} value={formKey} > {this.state.userForms[formKey]} </option>
                            ))
                        }

这里是调用onChange的函数，

 handleInternalFormChange = (e) =>{
        this.setState({
            formId: e.target.value
        })
        console.log(this.state.formId);

    }

进行这些更改后，onChange 函数似乎不起作用。我试图打印出调用的事件，但它似乎不包含 target。不知道该怎么做，有人可以帮忙吗？

Answer 1

您目前的做法没有任何问题。您的 console.log() 没有打印出状态的原因是因为 setState() 是异步的(console.log() 也是异步的方式)。如果您想查看更新后的状态，请使用 setState() 的第二个参数，它会为您提供新值。

您可以通过将函数调用替换为以下内容来确认事件正在 onChnage() 中使用:

<select onChange={e=>console.log(e.target.value)}>

如果您想在状态更新后检查该值，请执行以下操作:

this.setState({value}, updatedState=>console.log(updatedState));

希望这有助于解决问题，