React(props和state)

props一般用于承载组件间传递的数据；

state一般用于组件自身的数据维护。

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')) 

点击前

点击后