react组件（包含state)

创建方式：

方式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