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'))
点击前
点击后
