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
    })
  }


相关文章
|
机器学习/深度学习 编解码 PyTorch
Pytorch实现手写数字识别 | MNIST数据集(CNN卷积神经网络)
Pytorch实现手写数字识别 | MNIST数据集(CNN卷积神经网络)
|
人工智能 机器人 数据库
人工智能|RAG 检索增强生成
1. 理解什么是 RAG 检索增强。 2. 理解 RAG 检索增强应用场景。 3. 了解 RAG 检索增强有哪些相关的使用方法。 4. 在后续的学习过程中,会结合 LangChain 与 assistant 完成 RAG 相关的实战练习。
|
JavaScript 定位技术
Vue中使用百度地图demo Vue Baidu Map(vue-baidu-map)设置窗口信息
Vue中使用百度地图demo Vue Baidu Map(vue-baidu-map)设置窗口信息
781 0
|
机器学习/深度学习 人工智能 算法
AI在医疗影像识别中的应用与实践
本文综述了人工智能在医疗影像分析的应用,涵盖了基础理论、操作流程、关键算法及实践案例。通过探讨卷积神经网络等技术,展示了如何构建医疗影像分析系统并提高诊断精度和效率,为医疗行业的创新发展提供了有力支持。
【Qt 学习笔记】Qt常用控件 | 输入类控件 | Combo Box的使用及说明
【Qt 学习笔记】Qt常用控件 | 输入类控件 | Combo Box的使用及说明
1329 0
|
iOS开发 MacOS
CocoaPods安装失败解决方法
CocoaPods安装失败解决方法
238 2
|
关系型数据库 MySQL 网络安全
MySQL主从复制详细教程
配置MySQL的主从复制是一个细致的过程,需要仔细遵循上述步骤进行。一旦配置完成并运行正常,主从复制将大大提高数据库的可用性和读写性能。在操作过程中,务必保持谨慎,确保数据的一致性和安全性。
1008 0
|
人工智能 文字识别 API
iOS MachineLearning 系列(4)—— 静态图像分析之物体识别与分类
本系列的前几篇文件,详细了介绍了Vision框架中关于静态图片区域识别的内容。本篇文章,我们将着重介绍静态图片中物体的识别与分类。物体识别和分类也是Machine Learning领域重要的应用。通过大量的图片数据进行训练后,模型可以轻易的分析出图片的属性以及图片中物体的属性。
592 0
【IntelliJ IDEA】idea 修改项目名称
【IntelliJ IDEA】idea 修改项目名称
543 0
|
消息中间件 Oracle 关系型数据库
Flink CDC 数据源问题之参数配置如何解决
Flink CDC数据源指的是使用Apache Flink的CDC特性来连接并捕获外部数据库变更数据的数据源;本合集将介绍如何配置和管理Flink CDC数据源,以及解决数据源连接和同步过程中遇到的问题。
270 0

热门文章

最新文章