react中的組件嵌套

組件嵌套：將子組件以標簽的形式寫在父組件的模板中。

組件之間的通信

子傳父

子傳父

通過函數層層傳遞

 

 

 

 

 

 

點擊h3 執行fn 而fn中去執行onlick函數而onlick是來自於props的，props中的onlick又是ff，轉移去執行ff把參數賦給a 修改了a的值。

父傳子

 

.使用props傳值

 

具體實現

 

import React, { Component } from 'react'; /**父組件 */ export default class Parent extends Component { state = { msg: 1 } render() { return ( <div onClick={() => this.setState({ msg: this.state.msg + 1 })} > {/* 子組件 */} <Child msg={"傳遞給子組件的消息：" + this.state.msg.toString()} /> </div> ); } } /**子組件 */ class Child extends Component { // 默認的props 可寫可不寫 static defaultProps = { msg: 1 } render() { return ( <div> {/* 通過props傳遞過來的參數 */} {this.props.msg} </div> ) } }