REACT_react表单数据绑定封装

import React from 'react';
class Index extends React.Component {
    
    
  state = {
    
     
    name:"",
    age:""
  }
  change(event){
    
    
    let name = event.target.name
    this.setState({
    
    [name]:event.target.value})
  }
  render() {
    
    
    return (
      <div className="Index">
        Index
        <input value={
    
    this.state.name} onChange={
    
    (event)=>this.change(event)} name="name" />
        <input value={
    
    this.state.age} onChange={
    
    (event)=>this.change(event)} name="age" />
      </div>
    );
  }
}
export default Index;

猜你喜欢

转载自blog.csdn.net/weixin_44599931/article/details/118416719