reactjs - 如何创建受控的 Fabric UI TextField 组件？

Question

我一直在尝试以标准方式编写受控 TextField 组件，就像在 React 文档中一样:

handleChange(event) {
    this.setState({
            text: event.target.value
    });
}

<TextField label='Enter Text' value={this.state.text} onChange={this.handleChange}/>

上面的代码是我一直在使用的代码，但它似乎并没有改变 React 组件的状态，因为在相同的表单中，如果我更改受控复选框，它会将文本字段重置为空。如果我使用标准的 html 输入元素，它会按预期工作并且不会清除该字段。

我在这里做错了什么？ TextField 不应该像文本输入一样工作吗？

Answer 1

来自docs , onChange 不是属性。请改用 onChanged。请注意，返回值是文本字段的值，而不是事件。