×
『TypeError: this.props.onSubmit is not a function』を解決したいです。
Reactで、Todo Listを作成しています。
テキスト内でコメントを入れて、追加ボタンを押した際、上記のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
×
TypeError: this.props.onSubmit is not a function
エラーメッセージ × TypeError: this.props.onSubmit is not a function Form.handleSubmit src/components/Form.js:32 29 | 30 | handleSubmit = e => { 31 | e.preventDefault(); > 32 | this.props.onSubmit(this.state.input); 33 | this.setState({ input: "" }); 34 | }; 35 | } View compiled ▶ 19 stack frames were collapsed. ### 該当のソースコード import React from 'react'; class Form extends React.Component { constructor(props){ super(props) this.state = { input: "" }; } render() { return ( <form onSubmit={this.handleSubmit}> <input type="text" value={this.state.input} onChange={this.handleChange} /> <button>追加</button> </form> ); } handleChange = e => { this.setState({ input: e.currentTarget.value }); }; handleSubmit = e => { e.preventDefault(); this.props.onSubmit(this.state.input); this.setState({ input: "" }); }; } export default Form; ### 試したこと 単語など記載ミスがないか確認した。 ここに問題に対して試したことを記載してください。 ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
この Form を使う側で onSubmit に間違った値 (関数じゃないもの) を渡してるのでは。
回答1件
あなたの回答
tips
プレビュー