event.targetを使用できない

Question

前提・実現したいこと

OnChangeハンドラーを使用してtextareaに入力されるごとにsetStateを更新しようとしたいんですが、エラーが発生してしまい入力ができない状況です。

発生している問題・エラーメッセージ

エラーメッセージ
TypeError: Cannot read property 'target' of undefined

### 該当のソースコード
import React from 'react';

class Form extends React.Component{
    constructor(props){
        super(props)

        this.state = {
            body : ""
        }

        // this.handleChange = this.handleChange.bind(this);
        // this.sendBodyToParent = this.sendBodyToParent.bind(this);
    }
    handleChange(event){
        const field = event.target.name;
        this.setState({
            [field] : event.target.value
        })
    }

  

    render(){
        return(
            <div>
            <div>
               <textarea
                name="body" 
                cols="30" 
                rows="10" 
                value={this.state.body}
                onChange={()=>{this.handleChange()}}></textarea>
            </div>
            </div>
        )
    }
}

export default Form;
```ここに言語名を入力

JavaScript

### 試したこと
thisをbindしてonChange={this.handleChange}と記載すると入力ができます。
ただ、bindしないやり方もあると思い、その方法が知りたいです。
ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

onChange={()=>{this.handleChange()}}としてしまっているため、handleChangeにeventが渡されていません。

onChange={(e)=>{this.handleChange(e)}}のように中継するか、this.handleChange = this.handleChange.bind(this);を有効化してonChange={this.handleChange}のようにするかをしましょう。

Comments

[moemo]

早速の回答ありがとうございます！
何も渡していないためにエラーが出てしますんですね。
onClickと同じように考えていたため、引数を渡すことを失念しておりました。
ありがとうございました！