複数のinputタグから、stateに{name:"inputで入力した文字"} を10個まで保存しようとしているのですが、出来ずに困っています。
import React, { Component } from 'react' import './App.css' class Popup extends React.Component { constructor (props) { super(props) this.state = {name: ''} } handleChange (event) { this.setState({name: event.target.value}) } render () { return ( <div className='popup'> <div className='popup_inner'> <h1>{this.props.text}</h1> <form onSubmit={this.handleChange}> 01<input type='text' name='name' onChange={this.handleChange} /><br /> 02<input type='text' name='name' onChange={this.handleChange} /><br /> 03<input type='text' name='name' onChange={this.handleChange} /><br /> 04<input type='text' name='name' onChange={this.handleChange} /><br /> 05<input type='text' name='name' onChange={this.handleChange} /><br /> 06<input type='text' name='name' onChange={this.handleChange} /><br /> 07<input type='text' name='name' onChange={this.handleChange} /><br /> 08<input type='text' name='name' onChange={this.handleChange} /><br /> 09<input type='text' name='name' onChange={this.handleChange} /><br /> 10<input type='text' name='name' onChange={this.handleChange} /><br /> <button onClick={e => this.save(e, this.props)}>保存</button> </form> <button onClick={this.props.closePopup}>閉じる</button> </div> </div> ) } } export default Popup
現状では、Cannot read property 'setState' of undefined というエラーが出てきてしまいます。
どなたか教えていただけないでしょうか。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。