Reactjs基础
框架思想
保持组件Pure
react中的组件可以看做是一个返回JSX的函数,对于这个函数而言,只应该进行计算返回JSX,而不应该引起其他副作用,这类函数被称为纯函数。纯函数可以避免随着代码增长而导致出现一些令人困惑的错误和行为。
纯函数有以下特点
- 关注自己的事业。它不会更改调用之前存在的任何对象或变量。
- 相同的输入,相同的输出。给定相同的输入,纯函数应始终返回相同的结果。
React 就是围绕这个概念设计的。React 假设你编写的每个组件都是一个纯函数。这意味着你编写的 React 组件必须始终在给定相同输入的情况下返回相同的 JSX。
React 的渲染过程必须始终是纯粹的。组件应该只返回它们的JSX,而不能更改渲染之前存在的任何对象或变量。例如
let a = 1 export default function Cur(){ a++ return <h1>{a}</h1> }
组件状态
单向数据流