Skip to content

Instantly share code, notes, and snippets.

@ThaddeusJiang
Created August 14, 2018 12:59
Show Gist options
  • Save ThaddeusJiang/a6c9bafc3093ab1602a0d573619cdc5c to your computer and use it in GitHub Desktop.
Save ThaddeusJiang/a6c9bafc3093ab1602a0d573619cdc5c to your computer and use it in GitHub Desktop.
React Doc 复习(2018年8月14日)

为什么我使用 Axios 而不是 fetch

因为我希望一个技术可以同时应用于 client 和 server。 fetch 是 window 的方法, Node.js 不支持。 Axios 前后端通吃。

组件传递参数可以使用 data-,性能更好

为什么 React 需要 bind(this)?

因为JS中👇是不一样的。

obj.method()
// this = obj

let method = obj.method
method()
// this = global

React 代码拆分可以使用 import() 语法,但是在使用 babel 时需要安装 plugin

babel-plugin-syntax-dynamic-import

推荐

  1. render() 应该纯净,不可突变。即接受相同的 props 和 state 时,渲染的结果是一样的。
  2. React.createRef() 创建 Ref

ReactDOM.createPoratal(child, container)

可以将组件渲染到任意到 target,主要应用场景: 弹出框。

Refs 可以用来访问 DOM

主要应用常见: 整合第三方 DOM 库。

@ThaddeusJiang
Copy link
Author

截图

img_0275

img_0276

img_0277

img_0278

img_0279

img_0280

img_0281

img_0282

img_0283

img_0284

img_0285

img_0289

img_0290

img_0291

img_0292

img_0293

img_0294

img_0295

img_0296

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment