Skip to content

Instantly share code, notes, and snippets.

@ThaddeusJiang
Created July 31, 2018 11:45
Show Gist options
  • Save ThaddeusJiang/756958ee9ec2ecf31559ea4340d44b8a to your computer and use it in GitHub Desktop.
Save ThaddeusJiang/756958ee9ec2ecf31559ea4340d44b8a to your computer and use it in GitHub Desktop.
React

React Components 状态图

react-lifecycle

React 项目结构

任意,但是有两种常见的方式:

按照功能:componnets 相关 js、css、test 都放在一起。 按照文件类型:js 文件夹,css 文件夹,test 文件夹。 因为组件相互组合非常常见,项目层级最好不要超过4层。 import 时,可以少些代码。😊

React Ajax

可以使用任何 Ajax 库,但是应该再 componentDidMount 中发送请求,并用 setState() 更新 state。 注意:此时,state 应该有默认值。

setState 是异步调用的

React 节流和防抖

节流:防止给定时间内多次执行。 防抖:一段时间内不再执行。

好像一样的效果,😂

React 无参函数时不用写括号

default

React 数据单向传递,所以需要通过事件帮助

2

PropTypes

react-proptypes

React 使用 && 代替 if ,😂同事说“写的人懂,看的人一头雾水”

react if-else

img_0223


img_0165 img_0219 img_0220 img_0221 img_0222

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment