摘要： （1）ES6的使用 （https://github.com/brigand/react-mixin） 下载依赖包 （2）导入react-mixin包 （3）创建js文件 MixinLog.js （4）使用MixinLog 阅读全文

摘要： state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。 （1）使用Props属性 （2）默认Props （3）State 和 Props 阅读全文

摘要： React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。 以下实例创建一个名称扩展为 React.Component 的 ES6 类，在 render() 方法中使用 this.state 来修改当前的时间。 添加一个类构造函数来初始化状态 thi 阅读全文

摘要： 组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM 生命周期的方法有： componentWillMount 在渲染前调用,在客户端也在服务端。 componentDidMount : 在第一次渲染后调用， 阅读全文

摘要： （一）JSX是什么? React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 我们不需要一定使用 JSX，但它有以下优点： JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。 它是类型安全的，在编 阅读全文

摘要： 今天写了一个分页公共组件，就出现了父子组件通信的问题，今天来总结下我遇到的父子组件通信问题 一、子组件调取父组件的数据或方法 （1）props 想要把父组件的值，传到子组件中，使用props 比如你在父组件中定义的一个data，你想在子组件中使用 父组件： 子组件： 这样子组件中的这几个值，都是由父 阅读全文

摘要： 1.组件概念： 我理解的组件的概念就是复用性，一个组件开发完成后可以重复使用。 2.简单的组件编写 （1）在src中创建一个components的文件夹，里面创建一个header.js的文件 （2）在index.js中index.js中引入这个组件 注意：创建class类的return中只能存在一个 阅读全文

摘要： 1.安装脚手架 现在使用较多的就是这三种脚手架工具： 我使用的是第三种，facebook官方开发的脚手架 2.创建React项目 主要依赖 react, react-dom, react-scripts 生成目录结构为： 3.运行React项目 4.使用ChromeReack插件调试工具 在chro 阅读全文

摘要： 1.修改 config - index.js 2.修改 build - utils.js 阅读全文

摘要： 1.let命令 与 var 的区别 用法类似于var，但是所声明的变量，只在 let命令所在的代码块内有效。 var 声明的变量可以在声明之前使用，值为 undefined ;let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。 let不可重复声明 2.const命令 同let一样 阅读全文