React dangerouslySetInnerHTML 说明
1 分钟阅读
问题相关：React 在保护你免受 XSS 攻击，所以用 dangerouslySetInnerHTML； 在渲染 React 内容的时候； 因为需要借助 markdown 格式的数据，
React JSX 特点
1 分钟阅读
知识点： JSX 的本质 如何使用 JSX JSX 优点 一、JSX 的本质：动态创建组件的语法糖 JSX 在 JS 代码中直接写 HTML 标记 1 2 const name = "zhu"; const ele = <h1>HelLo,{name}</h1>; JSX 并不是模板语言，而是一种
React 不能使用 style 属性
1 分钟阅读
提示的错误消息如下 Uncaught Error: Minified React error #62; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=62&args[]=%20This%20DOM%20node%20was%20rendered%20by%20%60ProductRow%60. for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 错误的出处 1 2 3 4 5 6 7 8 9 10 const name=this.props.product.stocked ? this.props.product.name : <span style='color:"red"'> {this.props.product.name} </span>; return( <tr> <td>{name}</td> <td>{this.props.product.price}</td> </tr> ) 其中 color:red 是错误
React 特点
1 分钟阅读
React 相对传统 WebUI 开发，组件整体刷新，不关心组件内的细节 Flux 单项数据流 一、React 的学习主要是理解概念 1 个新概念 （就是组件） 4 个必须 API 单向数据流 完
React 生命周期
2 分钟阅读
16.3 版本以前和以后生命周期是不同的； Before React 16.3，下面这个图参考下就可以 After React 16.3，一个比较直观的图 官网上的图，供参考 生命周期不同阶段 constructor getDerivedStateFromProps componentDidMount
React 组件特点
2 分钟阅读
以组件方式思考 UI 的构建 组件的单一职责原则 DRY 原则（Don’t Repear Yourself） 一、以组件方式思考 UI 的构建 组件可以看做 PS 图层的文件
React 虚拟 DOM 与 Key
1 分钟阅读
Virtual DOM 的工作原理，理解 Key 属性的作用 Virtual DOM 是 JSX 的运行基础； 算法复杂度为 O（n） 虚拟 DOM 如何计算 Diff key 属性的作用 算法复杂度为 O 的 n 次方 DOM Tree 前后变化的 Diff 辨