React で複数のinputタグに対応したい

Question

複数の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　というエラーが出てきてしまいます。
どなたか教えていただけないでしょうか。

Answer 1

constructorの最後に
this.handleChange = this.handleChange.bind(this);
を追加するとどうでしょうか？