03 2020 档案
摘要：Context被翻译为上下文，在编程领域，这是一个经常会接触到的概念，React中也有。 在React的官方文档中，Context被归类为高级部分(Advanced)，属于React的高级API，但官方并不建议在稳定版的App中使用Context。 不过，这并非意味着我们不需要关注Context。事
阅读全文
摘要：props属性传递 React中组件的属性传递机制，由父组件传递给子组件，不能跨级传递。当有多个组件嵌套时，从最外层的祖先组件的props开始，依次向其后代组件传递props。 本例组件嵌套顺序：Person——》Adult——》Child，写代码的时候先写内层组件 body部分代码： <body>
阅读全文
摘要：1.如果需要传参，在函数中加一个props参数来接受，并且必须向外return一个合法的jsx创建的虚拟DOM。 //1. 组件名首字母为大写 2. 必须return 合法的jsx// 这里就可以相当于子组件function Hellow (props){ //props为父组件传过来的数据 //如
阅读全文
摘要：1.ES6 语法中，super 指代父类的构造函数，React 里面就是指代 React.Component 的构造函数。 class Person { constructor(name) { this.name = name; }} class PolitePerson extends Perso
阅读全文
摘要：十、histroy 属性 Router组件的history属性，用来监听浏览器地址栏的变化，并将URL解析成一个地址对象，供 React Router 匹配。 history属性，一共可以设置三种值。 browserHistory hashHistory createMemoryHistory 如果
阅读全文
摘要：1.安装npm install -S react-router 使用时，路由器Router就是React的一个组件。 import { Router } from 'react-router'; render(<Router/>, document.getElementById('app')); R
阅读全文
摘要：componentWillMount 在渲染前调用,在客户端也在服务端。 componentDidMount : 在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用，可以在这个方法
阅读全文
