使用React清除输入字段

Clearing input fields with React

本文关键字：字段 输入 清除 React 使用      更新时间：2023-09-26

我很困惑为什么我不能使用React:的这个简单模式清除<input>字段值

onComponentDidMount: function () {
    this.clearFields();
},
clearFields: function () {
    document.getElementById('username_field').value = '';
    document.getElementById('password_field').value = '';
},

我不认为这是React的问题，我认为还有其他问题，但我不确定发生了什么。但字段肯定没有清除。稍后，我可以调用this.clearFields（），该函数确实可以按预期工作，但在组件首次安装时就不能了。

正确的React生命周期函数称为componentDidMount，而不是onComponentDidMount

但是，如果输入也使用React进行渲染，则不希望以这种方式进行渲染。更改存储在状态中的值，并让render函数处理输入字段的值设置，通常对应用程序更好、更相关。

相关文章：