react.js入门笔记
要点:
- react创建之后是无法改变的,只能重新渲染出新的实例
React 只会更新必要的部分
值得注意的是 React DOM 首先会比较元素内容先后的不同,而在渲染过程中只会更新改变了的部分。
- jsx中无法使用if else语句,但可以用 三语运算符 代替
- 在react中 注释要写在花括号中
- jsx允许在模板中插入数组,数组会自动展开所有成员
- React 的 JSX 使用大、小写的约定来区分本地组件的类和 HTML 标签。
注意,原生 HTML 元素名以小写字母开头,而自定义的 React 类名以大写字母开头,比如 HelloMessage 不能写成 helloMessage。除此之外还需要注意组件类只能包含一个顶层标签,否则也会报错。 - react组件
- 函数定义
- ES6 的class 类定义
- State 在react中,只需要更新组件的state,然后根据新的state重新渲染用户界面
- componentDidMount() 挂载与 componentWillUnmount() 卸载 方法被称作生命周期钩子。
- Props state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。
- 事件处理
- 条件渲染
- 组件api
- 生命周期
- refs React 支持一种非常特殊的属性 Ref ,你可以用来绑定到 render() 输出的任何组件上。