制御されていない反応入力フィールドに入力する正しい方法は何ですか？

Question

defaultValueは、ページが初めて読み込まれるときにのみ機能します。同じページを再度ロードするが、異なるpropsがある場合、制御されていない入力フィールドには、新しいpropsの新しい値が入力されません。反応していない入力フィールドの値を設定する方法はないようですね。

私は材質-UI、私の制御不能な入力フィールドを使用していますが、このようなものになります。

<TextField 
    ref={input => this.dataNode.Name = input} 
    defaultValue={this.props.dataNode.Name} 
    floatingLabelText="Name" 
/> 

をそれはトリックは、しかし、私は本当に導入する必要がないん入力にランダムkeyを追加するようです無制御入力ごとにランダムなキー？

<TextField 
    key={some_random_thing} 
    ref={input => this.dataNode.Name = input} 
    defaultValue={this.props.dataNode.Name} 
    floatingLabelText="Name" 
/> 

Answer 1

問題は解決key={Math.random()}を追加することによって、（回避）：

<TextField 
    key={Math.random()} 
    ref={input => this.dataNode.Name = input} 
    defaultValue={this.props.dataNode.Name} 
    floatingLabelText="Name" 
/> 

醜いです！

Answer 2

「入力を設定している」という事実によって、入力フィールドを「制御」しようとしています。私は先に進んで、これを制御された入力にするために余分な数行のコードを実行します。そこに害はありません、そして、実際に私はあなたが "反応する"方法でやろうとしていると思います。