使用React清除输入字段

Question

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

onComponentDidMount: function () {
    this.clearFields();
},

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

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

Answer 1

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

但是，如果输入也使用React呈现，则您不希望这样做。它通常更好，更相关应用程序来更改存储在状态中的值，并让渲染功能处理设置输入字段的值。