博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react.js的一些注意事项
阅读量:6368 次
发布时间:2019-06-23

本文共 504 字,大约阅读时间需要 1 分钟。

  1. 尽量不要直接修改state中的数据,如:

    this.state.list.splice(xxx)   this.setState({      list:this.state.list  })

    这样做确实可以生效,但应该遵循immutable的原则而尽量避免直接修改state中的数据。

  1. this.setState可以返回一个函数,也推荐大家尽量使用函数式setstate,如:

    handleInputChange(e){      const value = e.target.value      this.setState(()=>({          inputValue: value      }))}

    这里注意,我们不能直接inputValue:e.target.value,而要先做一份拷贝,再使用,否则会报错。

    tips: 函数体用()括住,表示函数体是一个直接return的对象,等同于:

    this.setState(()=>{    return {       inputValue: value    }  })
  2. 在html标签上使用ref时,例如<ul ref={()=>{}}

转载地址:http://tirma.baihongyu.com/

你可能感兴趣的文章
自动安装系统及网络安装服务
查看>>
11g RAC 更改归档模式 ,归档文件存放在ASM 磁盘组
查看>>
Visual Studio安装项目中将用户选择的安装路径写入注册表的方法[转]
查看>>
【转载】VBA:调用文件夹对话框的几种方法
查看>>
centos rm命令恢复删除的文件
查看>>
eclipse修改源码导出jar包
查看>>
5、根文件系统原理
查看>>
回档|过河
查看>>
perspective transform透视矩阵快速求法+矩形矫正
查看>>
go语言中在变量后加上接口是什么意思?
查看>>
day5-iptables
查看>>
版本配置
查看>>
python之进程
查看>>
wpf中嵌入winform控件的坑
查看>>
VMware Workstation and Hyper-V are not compatible. 解决方案
查看>>
POJ-3304Segments[计算几何]
查看>>
杭电2120--Ice_cream's world I(并查集)
查看>>
雅虎前段优化35条
查看>>
(转)接口100
查看>>
UIScrollView 大概是如何实现的,它是如何捕捉、响应手势的?
查看>>