Reactで埋め込んだinputのところでどうしてもエラーになる

プログラミグフロントエンド

Written by:

出現エラー

TypeError: Class extends value undefined is not a constructor or null in react js

inputタグを書いている場合どうしてもこのエラーが消えませんでした

$ npm list –depth=0

react-todo-list@0.1.0 /Users/username/app/react-todo-list
├── @testing-library/jest-dom@4.2.4
├── @testing-library/react@9.5.0
├── @testing-library/user-event@7.2.1
├── react@16.13.1
├── react-dom@16.13.1
└── react-scripts@3.4.1

バージョン的に問題ない気がするので、謎だったのですが当初の書き方が以下のようなものでした

対象

<input id=”title” placeholder=”title”></input>
<textarea id=”descreption” placeholder=”descreption”></textarea>

とまあ、普通にHTML描く感じで書いてたわけですよ

変更

<input id=”title” placeholder=”title” />
<textarea id=”descreption” placeholder=”descreption” />

Reactでの書き方こちらになります

自己終了にする必要があります 参照

本家でも自己終了形式のタグでした

input も textareaタグも自分で操作するのではなく、stateメソッドを通すことになります

なので閉じタグなしで終了を明示する書き方で、最終携帯としてはこういう書き方になります

・・・・

handleChange(event) {
this.setState({value: event.target.value});
}

・・・・

<textarea value={this.state.value} onChange={this.handleChange} />

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です