react

标签：import   ati   opera   插入   js代码   htm   keyword   render   pack   

安装脚手架
npm install -g create-react-app
create-react-app my-app

cd my-app
npm start

安装搭建好的项目,使用内置的webpack打包

在src下建.jsx文件

import React from ‘react‘
import ReactDOM from ‘react-dom‘

const element = (
  <h1 className="greeting">
    Hello, world!
  </h1>
);

element经过babel转义成浏览器可识别的语法

const element = React.createElement(
‘h1‘,
{className: ‘greeting‘},
‘Hello, world!‘
);

虚拟DOM

const element = {
  type: ‘h1‘,
  props: {
    className: ‘greeting‘,
    children: ‘Hello, world‘
  }
};

ReactDOM.render(//把虚拟DOMrender为真实DOM，插入到根节点

element

,
document.querySelector(‘#root‘)
);

给React元素增加属性时，属性名采用驼峰，只有两个关键字class和for-> className,htmlFor

style属性不能字符串,而是{{}}

{里写js代码，需要返回值，返回值不能是obj类型}

react

标签：import   ati   opera   插入   js代码   htm   keyword   render   pack   

原文地址：http://www.cnblogs.com/serina/p/7760945.html