父控件
import React ,{Component}from 'react'
import MyCommpent from './MyCommpent'
class NewComponent extends Component{
handlerOnSumbmit(parmarms){
console.log(parmarms)
}
render() {
return(
<div>
<MyCommpent onParams={this.handlerOnSumbmit}> //定義 prps為一個方法 通過這個屬性傳遞給里面的子控件
</MyCommpent>
{/*想讓 MyCommpent*/}
{/*控件將數(shù)據(jù)傳遞給他的父控件游盲。*/}
{/*就是這個NewComponent 控件 做法是通過 props 來進(jìn)行傳遞篙挽。讓子控件給父控件中的props賦值*/}
</div>
)
}
}
export default NewComponent ;
里面的子控件
import React ,{Component}from 'react'
class MyCommpent extends Component{
onSubmitData(event){
this.props.onParams({data:1}) //給父控件賦值
}
render(){
return(
<div>
<button onClick={this.onSubmitData.bind(this)}>
點(diǎn)擊后的數(shù)據(jù)傳遞給他的父類元素
</button>
</div>
)
}
}
export default MyCommpent ;
