创建方式：

方式1：用函数创建

 

 渲染：

 

 可以直接使用箭头函数：

 

 

 

方式2：类创建组件

 

 

 

 eg:

1.先自己创建一个js文件，导包然后把组件写在里面

 

 2.把创建好的js文件导入index.js里，然后渲染

 

两种组件：

 

 state的基本使用：

实现效果：

 

 代码：

// //导入包
import React from 'react'
import ReactDOM  from 'react-dom'
// import './index.css'
//import Hello from './first'


class App extends React.Component{
state={
  count:10
}
  render(){
    return(
      <div>
        <h1>计数器:{this.state.count}</h1>
      </div>
    )
  }
}

//渲染元素
ReactDOM.render(<App/>,document.getElementById('root'))
 
 
setState:改变当前count值

 

 

 

 实现效果：点一下就+1