最大呼び出しエラーを引き起こすイベントの状態を設定する

Question

誰かが入力フィールドに入力するとイベントコールを実行するメソッドがありますが、私が見ているのは「最大呼び出しスタックエラー」です。 コメントアウトしました問題の原因となっているこの方法を発見するまで、コードを実行してください。

changeEvent(event) { 
    //console.log('Name:', event.target.name); 
    //console.log('Value:', event.target.value); 
    const formDataRaw = { ...this.state.formData }; 
    const name = event.target.name; 
    const value = event.target.value; 
    formDataRaw[name] = value; 
    this.setState({formData : formDataRaw}); 
} 

具体的には、問題の原因となっている状態を設定しているようです。

Answer 1

あなたの入力フィールドのvalueイベントは、このformData[name]メソッドに関連付けられていると思います。したがって、changeEventに状態を設定すると、入力フィールドが変更され、その結果、onChangeイベントが呼び出され、最後にループが終了し、最大呼び出しスタックエラーが発生します。