子組件
state = {
msg: 'a'
}
render(){
return<h1>{this.state.msg}</h1>
}
setInfo = (val)=>{
//這里的val就是父組件通過調用這個方法，傳的參數，在這里val的值為aaa
this.setState({
msg: val
})
}
父組件
render(){
return <div><Test ref="myTest">
<button onClick={()=>this.show()}/>
</div>
}
show = ()=>{
this.refs.myTest.setInfo('aaa')
}
注意：在這里父組件通過點擊按鈕調用show方法，進而調用子組件中的一個setInfo方法，通過傳參，而修改了子組件的的msg值。切記： 在react中如果要修改數據的話一定要使用setState()方法才可以。