リセットする方法ReacJSは、私はファイルアップロード入力を持つ入力

Question

を提出します。どうすれば修正できますか？シンプルなjsコードの場合は、次のようにしてください。this.value = null;変更ハンドラ内にあります。 ReactJSでどうすればいいですか？

Answer 1

私はあなただけで、このように、入力値をクリアできると思う：

e.target.value = null; 

ファイルの入力を制御することができない、何もそれを行うには、特定のように反応がありません。私は、私は、キー属性値を更新し、それをリセットするために必要な、その後際、ファイル入力にkey属性を設定されたために働い何

Answer 2

：

functionThatResetsTheFileInput() { 
    let randomString = Math.random().toString(36); 

    this.setState({ 
    theInputKey: randomString 
    }); 
} 

render() { 
    return(
    <div> 
     <input type="file" 
      key={this.state.theInputKey || '' } /> 
     <button onClick={this.functionThatResetsTheFileInput()} /> 
    </div> 
) 
} 

力がゼロから再入力をレンダリングするために反応します。

Answer 3

私にとってこの作品 - REF = {REF => this.fileInput = REF}ファイルをサーバーにアップロードされた後、私の場合は、その後

<input id="file_input_file" type="file" onChange={(e) => this._handleFileChange(e)} ref={ref=> this.fileInput = ref} /> 

が、私は

以下のステートメントを使用して、それをクリア

this.fileInput.value = "";