随笔分类 - react
摘要：参考文章 1. 从react hooks“闭包陷阱”切入，浅谈react hooks 2. 一文讲透 React Hooks 闭包陷阱 Hooks Hooks 是 react 自 16.8 引入的新特性，使得开发者在摆脱 class 定义组件的同时，也能够进行状态管理。这样，react 组件完全进入
阅读全文
摘要：// vscode shift + ctrl + v 预览 es 5 写法 无参函数的绑定 first methods 1. 定义函数: 2. constructor 中绑定函数的执行上下文 3. jsx 中的调用 second methods 1. 定义函数 2. jsx 中的调用 有参数的绑定
阅读全文
摘要：React 组件生命周期 详细参考： react 组件生命周期 组件的生命周期可分为三个状态： 1.Mounting：已经挂载/插入到真实 DOM 树上； 2.Updating：正在被重新渲染； 3.Unmounting：已经移出 DOM 树； 生命周期的钩子函数：（v16之前） 1. compon
阅读全文
摘要：条件渲染和列表渲染 一、条件渲染 条件渲染较简单，使用 JavaScript 操作符 if 或条件运算符来创建表示当前状态的元素，然后让 React 根据它们来更新 UI。 贴一个小栗子： 当然，得益于 jsx 的语法，我们可以用变量来缓存元素或者组件： 阻止渲染的栗子： 注意：组件的 render
阅读全文
摘要：React 事件处理 另外一篇总结：react 中的事件绑定 。 2019-05-16 更新 建议：在了解 js 的 this 取值后食用更佳。 一、react 与 Html 中用法的异同和注意点 html 中的绑定事件的写法： react 中的写法： 在 React 中另一个不同是你不能使用返回
阅读全文
摘要：React Props props - 参数。 组件类 React.Component 有个 defaultProps 属性，以 class xxx extend React.Component 形式创建的组件够可以通过属性来控制传入组件的参数，如下例： 配合 state 使用案例： props 验
阅读全文
摘要：React State 一、 state 大致思想：在 react 中，每个组件都是一个状态机，通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。 以上代码，实现了加载
阅读全文
摘要：一些概念： 1.组件：概念等同于 vue 中的组件，字面意思，不过 vue 中组件是以 .vue 结尾，通过 vue-loader 编译成 js，而 react 组件就是 js。 2.jsx：js 语法扩展，编译器遇到 html 标签按照 html 编译，遇到 js(就是 { xxx }) 按照 j
阅读全文
