wenmin1987的博客

1.双向数据绑定 class  TwoWay extends React.Component{      constructor(props){      super(pros);      this.state={              msg:'sdfdfd'           }   }    handleChange(){       let  msg=even...

## 使用脚手架创建一个React应用 * react脚手架   * react提供了一个专门用于创建react项目的脚手架库: create-react-app   * 项目的整体技术架构为: react + webpack + es6 + eslint * 创建项目并启动   * npm install -g create-react-app   * create-react-app hell...

# 使用开源的ant-design库开发项目指南 ## 1. 最流行的开源React UI组件库 * material-ui(国外)   * 官网: http://www.material-ui.com/#/   * github: https://github.com/callemall/material-ui * ant-design(国内蚂蚁金服)   * 官网: https://ant....

## 配置sass预编译器环境   * npm install sass-loader node-sass --save-dev   * npm run eject   * 修改webpack.config.dev.js     ```     {       exclude: [         /\.html$/,         /\.(js|jsx)$/,         /\.css$/...

## 配置sass预编译器环境   * npm install sass-loader node-sass --save-dev   * npm run eject   * 修改webpack.config.dev.js     ```     {       exclude: [         /\.html$/,         /\.(js|jsx)$/,         /\.css$/...

摘自reac-router2.0， 注意官网路由最新版本的变化 # react-router使用教程 0. 关于url中#的作用:   * 学习: http://www.ruanyifeng.com/blog/2011/03/url_hash.html   * '#'代表网页中的一个位置。其右面的字符，就是该位置的标识符   * 改变#不触发网页重载   * 改变#会改变浏览器的访问历史   *...

1. React的基本认识   * Facebook开源的一个js库   * 一个用于构建用户界面的js库   * React的核心思想: 通过构建可复用组件来构建用户界面   * React的特点     * Declarative(声明式编码)     * Component-Based(组件化编码)     * Learn Once, Write Anywhere(支持客户端与服务器渲染) ...

要点：ajax的封装， componentWillReceiveProps(nextProps)--父组件传子组件数据时，子组件通过父组件传过来的的数据 去请求得到新的数据 来展示 src：components+utils+index.css+index.js utils文件夹：ajax.js export default function get (url) {   return new ...

1.拆分组件 2数据结构的设计 3组件的通讯方式一(适合三代以内的组件关系)：props设计 4state设计 5组件的通讯方式二(解决关系比较远的组件传数据) -----自定义事件处理（消息订阅/发布）：pubsub.js    npm install pubsub-js--save     import PubSub from 'pubsub-js'      PubSub.s...

三大生命周期状态：                         Mount：插入真实Dom                          Update：被重新渲染                          Unmount：被移除真实Dom class Life extends React.component{     constructor(props){       ...

列表组件 class  TodoList  extends  React.Component{     render(){     return(       <ul>     {this.props.todos.map((todo,index)=>{     <li   key={index}>{todo}</li>  })    } ...

https://reacttraining.com/react-router/web/guides/quick-start 提供 React Router4.0 路由的练习 一1.React Router4.0 基本概念介绍 4.0版本已不需要路由配置，一切皆组件 react-router：基础路由包 提供了一些router的核心api，包括Router，Route，Switch等 ...