处理类类型中的多个输入反应

问题描述

我是 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>
    );
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）