react - 父子組件通訊

父子組件通訊

父傳子

// 父組件
let option = '父傳子'
<father option={option} />

// 子組件
console.log(this.props.option) // 父傳子

子傳父

// 父組件
getChildrenMsg = (msg) => {
    console.log(msg)
}
render(){
    return(
        <Greet parent={this} />
    )
}

// 子組件
toParent(){
    this.props.parent.getChildrenMsg(this.state.msg)
}
render(){
    return(
        <button onClick={ this.toParent.bind(this) }>子組件傳入給父組件</button>
    )
}

以上是類聲明組件的父子組件通訊,因此函數式聲明到底怎麼父子組件間通訊啊???函數

相關文章
相關標籤/搜索