旅行的风筝

1、React 高阶APIreact是React库的入口点。通过<script>标签加载React，这些高阶API可用于全局React。还是可以使用ES6的import React from 'react'。ES5可以通过 var React = require('react')加载。 1.1、Components React.Component: React组件的基类class example

1、初识react安装命令行工具npm install -g create-react-appcreate-react-app是FB出品的零配置命令行工具。我们使用这个命令行工具的创建的项目是基于webpack+ES6的。create-react-app my-app创建完成后进入项目目录cd my-app生成的项目目录运行后可以在浏览器输入http://localhost:3000/进行查看，此时

一、什么是React?二、需要知识储备三、工具、环境准备 1、sublime插件 1.1、React ES6 Snippetsreact es6的语法高亮插件1.2、jsfmt格式化插件，支持jsx格式化 安装修改配置和键绑定{ // autoformat on save "autoformat": false, // array of extensions for auto

1、基本语法 1.1、属性名当react采用JSX语法时，JSX语法将类HTML结构直接写在了代码中。由于HTML的部分属性在JavaScript中属于保留字，因此属性名采用新的替代名称，且采用驼峰语法。比如class使用className代替class example extends React.Component { render() { return <h1 class

1、React的生命周期钩子生命周期钩子函数会在组件的生命周期的关键地方自动执行，React提供了以下声明周期钩子： componentWillMount(): 组件加载前调用 componentDidMount(): 组件加载后调用 componentWillUpdate(): 组件更新前调用 componentDidUpdate(): 组件更新后调用 componentWillUnmo

Github仓库

渲染 Markdown 文档1. marked安装npm install marked --save使用import marked from 'marked';var html = marked('# h1');这时候 html 不能直接用在 React 组件中： {html}/div>但可以:document.getElementById('con

本文用以记录在学习 React 过程种遇到的一些组件封装技巧。布局组件import Header from './Header'const layoutStyle = { margin: 20, padding: 20, border: '1px solid #DDD'}const Layout = (props) => ( <div style={layoutStyle}>