React 搭建项目

创建 react 项目

 create-react-app   name 

开启服务器

 npm start

文件引入

import React from ' react '

// 引入react中的 component ES6语法

import React , {Component} from 'react';
var obj ={ a:1,b:2 ,c:3}
var {c}=obj
 console.log(c)
// c = 3

jsx不是标准的JavaScript，但是在React 中会被 babel编译为JavaScript;

组件书写方式

可以在src/App.js文件中写组件

类方式

class App extends Component{
  constructor(props){ // 官方建议里面写 （props）
    super(props)//官方建议写 ， 咱也不敢问。
    this.state = {
        title:' 这是标题' ,
        color' red'
    }
  }
  render(){
    return (
      <div className="App">
         <p style={color:this.state.red}>{this.state.title}</p> //
      </div>
    );
  }
}

函数方式

function App(){
var title = ' 这是标题 '
  return(
    <div>
        <p>{title}</p>
    </div>
  )    
}