一文讲清楚React中state和props的区别与联系

一文讲清楚React中state和props的区别

1.共同点

• 往上有各种关于state和props的解释，各式各样，我这里为了大家更好的理解，总结一句话，页面要变化，数据就得变化，数据变化的来源分为state和props

• 也就是说，state和props的改变都能造成React组件的重新渲染

• 这就是他们的共同点

• 比如,我们在App.jsx写如下代码（这里默认已经有react项目了，不会react项目构建的看这篇文章）

  import React from 'react'
  class App extends React.Component{
       
    constructor(props){
       
        super(props)
        this.state={
       
            num:0
        }
    }
    handleClick=()=>{
       
        this.setState({
       
            num:this.state.num+1
        })
    }
    render(){
       
        return(
            <div>