前言这篇文章将会实现下图的功能，算是对之前几篇文章的总结与巩固吧。 正文这里使用的是Create React App。先在页面上显示一个h1标签和一个下拉框：

前言还记得第一篇文章中安装的Create React App吗，如果当时没有安装，可以使用如下代码安装： npm install -g create-react-appcreate-react-app my-app

前言在之前使用过React.PropTypes.string.isRequired，但是出错了，现在原因找到了，原来官网已经注明了： 注意: React.PropTypes 自 React v15.5 起已弃用。请使用 prop-types 库代替。所以需要引入 prop-types 库，如下：

组件的生命周期一个组件的生命周期可分为三个状态： * Mounting: 已插入真实DOM * updating:正在被重新渲染 * unmounting: 已移出真实DOM 生命周期的方法有： * componentWillMount 在渲染前调用,在客户端也在服务端。 * componentDidMount : 在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM

前言react组件具有props成员和state成员，这两个成员都是object类型，而props和state的主要区别是：props不可变，而state可以根据和用户的互交来改变。 props1.获取props属性先看一段代码。class Hello extends React.Component { render() { return (<h1>Hello {this.props.

前言组件的创建既可以用createClass(ES5语法)也可以用class(ES6语法)，既然ES6比较新，本文及以后就一直用ES6语法了。两种语法如下。

JSX语法进阶1.JSX元素需闭合JSX元素中的标签都需要闭合，如：<img .. /> <br/>2.JSX中的JS在JSX中使用JS需要将JS放在{大括号内}，如：ReactDOM.render(<h1>{2 + 3}</h1>,document.getElementById('test'));再如：const test = 'Hello World';ReactDOM.render(<

前言最近刚开始学习react，就打算从一个初学者的角度，从零开始边学边写，记录一下react的学习过程，如果能给其他人带来方便，不胜荣幸。 安装相信大家都看过官网的安装介绍，开始我是使用的Create React App，用react官网上的话说: Create React App 是开始构建新的 React 单页面应用的最佳途径。 它可以帮你配置开发环境，以便你可以使用最新的 JavaScr