props一般用于承載組件間傳遞的數(shù)據(jù)；

state一般用于組件自身的數(shù)據(jù)維護(hù)。

import React, { Component } from 'react';

class Fa extends React.Component{
    constructor(...args){
        super(...args)
        this.state={a:"Jak"}
    }
    fn(){
        this.setState({
            a:"Tom"
        })
    }
    render(){
        
        return <div>
        <input type="button" onClick={this.fn.bind(this)} value="改變Fa.state.a,則A.props.name也隨之改變"/>
        <br/>
        Fa.state.a={this.state.a}
        <A name={this.state.a}/>
        </div>
    }
}

const A=(props)=>{
    return <div>A.props.name={props.name}</div>
}

export default Fa;

ReactDOM.render(<Fa />, document.getElementById('root')) 

點(diǎn)擊前

點(diǎn)擊后