摘要：
你还在为该使用无状态组件（Function）还是有状态组件（Class）而烦恼吗？ ——拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。 你还在为搞不清使用哪个生命周期钩子函数而日夜难眠吗？ ——拥有了Hooks，生命周期钩子函数可以先丢一边了。 你在还在为组件中的 阅读全文
posted @ 2020-04-07 14:49
又回到了起点
阅读(764)
评论(0)
推荐(0)
摘要：
高阶组件 简单来说，高阶组件是一个函数，能够接受一个组件并返回一个新的组件。 组件是将 props 转化成 UI ，然而 高阶组件将一个组价转化成另外一个组件。 装饰器 ES7中的一种语法糖，与Python中的装饰器使用及作用类似，其实就是以一种更为简洁的方式来来包装修改类的行为。装饰对象包括：类、 阅读全文
posted @ 2020-04-03 14:12
又回到了起点
阅读(567)
评论(0)
推荐(0)
摘要：
1.什么是HOC? HOC(Higher-order component)是一种React 的进阶使用方法，只要还是为了便于组件的复用。强调一点，HOC本身并不是 React API, 它就是一个方法，一个接收一个组件作为参数，返回一个增强的组件的方法。 概括的讲，HOC能够实现： 1. 代码复用， 阅读全文
posted @ 2020-04-02 12:22
又回到了起点
阅读(1544)
评论(0)
推荐(0)
摘要：
组件本身更多是作为一个容器，它所包含的内容可能是动态的、未预先定义的。这时候它的内容取决另一个组件或外部的输入。比如弹层。 props.children： React在组件中提供了props.children这个内置变量。当我们创建一个用作容器的组件时，在其返回的JSX中插入{props.child 阅读全文
posted @ 2020-04-01 22:29
又回到了起点
阅读(442)
评论(0)
推荐(0)
摘要：
Context被翻译为上下文，在编程领域，这是一个经常会接触到的概念，React中也有。 在React的官方文档中，Context被归类为高级部分(Advanced)，属于React的高级API，但官方并不建议在稳定版的App中使用Context。 不过，这并非意味着我们不需要关注Context。事 阅读全文
posted @ 2020-03-31 16:09
又回到了起点
阅读(570)
评论(0)
推荐(0)
摘要：
props属性传递 React中组件的属性传递机制，由父组件传递给子组件，不能跨级传递。当有多个组件嵌套时，从最外层的祖先组件的props开始，依次向其后代组件传递props。 本例组件嵌套顺序：Person——》Adult——》Child，写代码的时候先写内层组件 body部分代码： <body> 阅读全文
posted @ 2020-03-30 14:11
又回到了起点
阅读(827)
评论(0)
推荐(0)
摘要：
1.如果需要传参，在函数中加一个props参数来接受，并且必须向外return一个合法的jsx创建的虚拟DOM。 //1. 组件名首字母为大写 2. 必须return 合法的jsx// 这里就可以相当于子组件function Hellow (props){ //props为父组件传过来的数据 //如 阅读全文
posted @ 2020-03-26 15:03
又回到了起点
阅读(246)
评论(0)
推荐(0)
摘要：
1.ES6 语法中，super 指代父类的构造函数，React 里面就是指代 React.Component 的构造函数。 class Person { constructor(name) { this.name = name; }} class PolitePerson extends Perso 阅读全文
posted @ 2020-03-24 16:20
又回到了起点
阅读(370)
评论(0)
推荐(0)
摘要：
十、histroy 属性 Router组件的history属性，用来监听浏览器地址栏的变化，并将URL解析成一个地址对象，供 React Router 匹配。 history属性，一共可以设置三种值。 browserHistory hashHistory createMemoryHistory 如果 阅读全文
posted @ 2020-03-20 11:40
又回到了起点
阅读(253)
评论(0)
推荐(0)
摘要：
1.安装npm install -S react-router 使用时，路由器Router就是React的一个组件。 import { Router } from 'react-router'; render(<Router/>, document.getElementById('app')); R 阅读全文
posted @ 2020-03-19 22:54
又回到了起点
阅读(215)
评论(0)
推荐(0)
浙公网安备 33010602011771号