![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
Mr.LuRen
前端小菜一枚、、、
展开
-
React-组件 & 容器组件 & 傻瓜组件 & 无状态组件 -1
React组件的构建:React组件即为【 组件元素 】; 组件元素被描述为纯粹的JSON对象,意味着可以使用【 方法 】或者【 类 】来构建;React组件基本上由3个部分组成—属性( props )、状态( state )、生命周期钩子函数;React的所有组件都继承自顶层类 React.Component{};它的定义非常简洁,只是初始化了 React.Component()方法,声...原创 2018-11-18 20:58:02 · 265 阅读 · 0 评论 -
React-JSX语法-2
JXS语法:JSX的定义是类XML语法的ECMAScript扩展XML基本语法:使用XML语法的好处是标签可以任意嵌套,可以像HTML一样清晰看到DOM树桩结构及其属性const List = () => ( <div> &a原创 2018-11-18 23:22:14 · 188 阅读 · 0 评论 -
React-生命周期-3
组件的生命周期React严格定义了组件的生命周期,生命周期经历一下三个过程: ·装载过程(Mount),也就是把组件第一次在DOM树种渲染的过程 ·更新过程(Update),当组件重新渲染的过程; ·卸载过程(Unmount),组件从DOM中删除的过程;装载过程( Mount ) ·constructor() ·创造一个组件的实例需要调用,无状态函数(stateless funct...原创 2018-11-19 03:03:10 · 169 阅读 · 0 评论 -
React-refs-5
1、ref 即 reference , 组件被调用时会新建一个该组件的实例, 而 refs 就会指向这个实例ref 使用场景1、处理焦点、文本选择或媒体控制2、触发强制动画3、继承第三方 DOM 库2、创建 ref : React.createRef()class MyApp extends Component { constructor( props ){ super...原创 2018-12-07 20:04:38 · 130 阅读 · 0 评论 -
React-prop & state & this.setState()-4
React组件的数据分两种, props 和 state 。并且【数据是自顶向下单向流动】的,即父组件到子组件。 无论 props 和 state 的改变,都有可能引发组件的重新渲染。 把组件看成一个函数, 那么它接受了 props 作为参数, 内部由 state 作为函数的内部参数,返回一个 Virtual DOM。(也就是说, prop 是组件的对外接口, state 是组件的内部状态,对外用...原创 2018-12-06 19:44:58 · 259 阅读 · 0 评论