クリア入力フィールドを持つ私は、私がこの単純なパターンを使用していない明確な<code><input></code>フィールド値が反応できる理由について混乱しています

Question

に反応：

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

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

私はそれがに問題が反応だとは思わない、私は他のいくつかの問題があると思います私は何が起こっているのか分かりません。しかし、フィールドは間違いなくクリアされません。後で、私はthis.clearFields（）を呼び出すことができ、その関数は期待通りに機能しますが、コンポーネントが最初にマウントされるときは機能しません。

Answer 1

正しくはないonComponentDidMount

、ライフサイクル機能がcomponentDidMount呼ばれリアクトただし、入力はまた、リアクトでレンダリングされている場合は、このようにそれを行うにはしたくありません。通常、状態に格納されている値を変更し、入力フィールドの値を設定するレンダリング機能をアプリケーションに適用する方が、アプリケーションには適しています。