每天写一点，进步一点点

作者： 阮一峰现在最热门的前端框架，毫无疑问是 React 。上周，基于 React 的 React Native 发布，结果一天之内，就获得了 5000 颗星，受瞩目程度可见一斑。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后

一、什么是属性React官方文档上对于属性的介绍如下：React 里有一个非常常用的模式就是对组件做一层抽象。组件对外公开一个简单的属性（Props）来实现功能，但内部细节可能有非常复杂的实现。React中的每一个组件，都包含有一个属性（props），属性主要是从父组件传递给子组件的，在组件内部，我们可以通过this.props获取属性对象二、属性的使用方法

1 create-react-app简介为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。 当然，如果你需要 React Native 的脚手架项目，可以查看这里：create-react-native-app2 create-react-app 的安装命令行中使用 npm 执行安装命令 np

在操作官方实例Create React App时,需要执行指令：create-react-app my-app来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch1解决方案是换源,虽然平常使用cnpm来代替npm,但也只是

React中使用export导出类可以有两种方法1. export default classname 这种导出方式与export default class classname extends React.class相同在其他文件中引用时采取如下方式import classname form path例如：Com.jsclass Welcome extends React.Component{

1 代码架构使用create-react-app脚手架创建react工程 2 引用leaflet的js和css文件在Index.html中引用上述文件css文件<link rel="stylesheet" href="https://unpkg.com/leaflet@1.1.0/dist/leaflet.css" integrity="sha512-wcw6ts8Anuw10Mzh9Y

01-setting-up 02-rendering-a-route 03-navigating-with-link 04-nested-routes 05-active-links

构建完你的组件之后，你可能会想要去寻求一个办法，来直接调用你在render()返回的组件的实例的方法。在大部分情况下，这应该不是必须的，因为在响应式数据流中，你要输出一些数据，你应该在render()中给子组件传递最新的属性。不过，在某些特殊情况下，直接操作组件实例的方法还是必要或者有利的。所以React提供了一个打破限制的办法，这就是refs。refs（reference,引用）在以下时候特别有用