React 搭建项目

2019-07-19  本文已影响0人  北觅_Sir
创建 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>
  )    
}
上一篇 下一篇

猜你喜欢

热点阅读