如何解决处理类类型中的多个输入反应
我是 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 举报,一经查实,本站将立刻删除。