value属性が設定されていると、テキスト入力はどのように空になりますか？

Question

以下のスクリーンショットをご覧ください。テキスト入力フィールドが空であることがわかりますが、そのvalue属性は "b"に設定されています。

あなたはvalueが、ここで「」に設定されていることを、inputの下で、[プロパティ]タブにも気付くでしょう。彼らはなぜ異なっているのですか？これは何を意味するのでしょうか？

これは、入力がReactによってレンダリングされたという事実に関連していますか？

それが助け場合は、ここでは、この要素（編集済み）の責任JSXです：

return (
    <td 
    key={field._id} 
    className={`oldField ${colPos}`} 
    > 
    <input 
     type="text" 
     defaultValue={value} 
     onChange={this.changeOldField(record, field)} 
    /> 
    </td> 
) 

Answer 1

あなたが状態から何かに基づいてはdefaultValueを変更しているようです。 defaultValue propは一度だけ設定し、後で変更しないようにしてください。それ以上の変更はReactによって無視されるためです。状態に基づいて値を変更したい場合は、通常の値のpropを使用する必要があります。それ以外の場合は、事前定義された値をユーザーに表示し、同時に変更が加えられたときに入力を制御する場合は、コード内でonChangeとコンポーネントのコードを自動的に変更するロジックを使用できます値を設定するか、またはプレースホルダーの小道具に配置します。これにより、必要なものを与えることができます。