react常用技巧

简介: react常用技巧

一、点击事件操作


<Input placeholder="请输入用户名"
                  value={this.state.form.username}
                  onChange={(e) => this.handdleChange(e, "username")}
                  allowClear={true}
                />
  handdleChange = (e, name) =>{  ==>es写法可以获取this对象的值
    console.log(name);
   // this.state.form[name] = e.target.value;
    let data = this.state.form;
    data[name] = e.target.value;
    this.setState({
      form:data
    })
  }


二、如何更改深层次的state里面的值


如 this.state = {
  type:'',
  form:{
     name:'',
           age:''
        }
  }
  handdleChange = (e, name) =>{  ==>es写法可以获取this对象的值
    console.log(name);
    let data = this.state.form;
    data[name] = e.target.value;
    this.setState({
      form:data
    })
  }


目录
打赏
0
0
0
0
1
分享
相关文章
React 之 requestIdleCallback 来了解一下
React 之 requestIdleCallback 来了解一下
878 0
React是什么?
【8月更文挑战第28天】React是什么?
222 70
React 特点
React 是一个用于构建用户界面的JavaScript库,以其声明式设计、高效的DOM操作模拟、高度灵活性和组件化开发而著称。支持JSX语法,推荐使用以提高开发效率。React采用单向数据流,简化了数据管理,适合大型项目开发。
React精通之路
【7月更文挑战第6天】构建React精通之路:始于基础(HTML/CSS/JS,React文档),经由环境配置、组件、状态、路由学习;进阶探索Hooks、Redux、性能优化、测试调试;通过实战项目巩固,研究高级技术如HOC;参与开源,关注最新动态,活跃于技术社区,持续学习与成长。
66 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等