Input 处理类类型react中的多个输入

我是一个新的反应和学习类反应的时刻。我想知道如何处理类类型react中的多个输入。以下是代码：

export default class Input extends Component {
  constructor() {
    super();
    const { loginInput, signUpInput } = this.state;
    this.state = {
      loginInput: [{ id: '', pw: '' }],
      signUpInput: [{ email: '', pw: '', name: '' }],
    };
  }

  handleInput = e => {
    const { name, value } = e.target;
    this.setState({
      loginInput: [{ [name]: value }],
    });
  };

  render() {
    const { type, text, name, error } = this.props;

    return (
      <div className="InputBox">
        <input
          className="Input"
          name={name}
          type={type}
          placeholder={text}
          onChange={this.handleInput}
          value={name}
        />
        {!name && <p className="loginInputError errorPw">{error}</p>}
      </div>
    );
  }
}

导出默认类输入扩展组件{
构造函数（）{
超级（）；
const{loginInput，signUpInput}=this.state；
此.state={
登录输入：[{id:''，pw:''}]，
注册输入：[{电子邮件：''，密码：''，名称：'}]，
};
}
handleInput=e=>{
常量{name，value}=e.target；
这是我的国家({
loginInput:[{[name]：value}]，
});
};
render（）{
const{type，text，name，error}=this.props；
返回(
{！name&
{error}
}
);
}
}

这是否回答了您的问题？