_陌默

1. react 开发环境node 8； webpack babel es6； webstorm vscode。2. react 生态(1) 地址https://github.com/enaqx/awesome-react(2) UI组件库3. react 代码规范(1) standard.js规范npm install standard --save-dev; npm install snazzy --save-dev; 配置 package.js..

1. JSX写法(1) ES6示例代码class Filter extends Component { render() { return ( <input /> ) }}class List extends Component { render() { return ( <ul> <li>aa</li&

1. 生命周期(1) 创建期(2) 存在期(3) 销毁期只有所有的组件都加载完全以后才会调用componentDidMount函数，进入组件首先执行render渲染基本页面组件，即在组件渲染之前执行。(4) 代码显示import React from 'react';class App extends React.Component { constructor(props) { super(props); this.state

1. 组建通信组件是一个独立封闭的个体，不能直接使用外部的数据。通信场景 说明 父组件到子组件 不推荐使用 子组件到父组件 比较常用 兄弟组件之间 较少使用 import React from 'react'class List extends React.Component { render(){ return( this.props.list.map(el => <di.

1. 组件的挂载与卸载import React from 'react';// 挂载ReactDOM.render( < HelloWorld /> , document.getElementById('root'));// 卸载ReactDOM.unmountComponentAtNode(document.getElementById('root'));需求：页面的初始化import React from 'react';ReactDOM.render(

1. 变量的赋值与解构对象的解构let obj = { name: 'a', lesson: 'react', level: 'easy', info: { name: 'b', age: 30, sex: 'man' }}let { name, lesson, level, info: { name: infoName, age,

1.实现Icon// icon组件的使用 <Icon onClick={() => { alert('hello icon') }} name='jiadian-dianfanguo' style={{color:'red'}}/>// icon组件import React,{Component} from 'react'import PropTypes from 'prop-types'import '../../font-de.