***組件自己的數(shù)據(jù):this.state={a:'test'} 設(shè)置this.setState({a:'b'});獲取this.state.a;
1:父親給孩子傳值盟广,用到的是props我們在父組件引用子組件時贴见,給一個自定義的屬性例如 <child con='666'></child>
這個時候在子組件中可以用this.props.con來得到這個傳遞過來的值戳葵。
2:孩子給父親傳值瘩蚪,用到的是自定義事件刑桑。首先還是在父組件引用子組件的標(biāo)簽名上<child move={this.move.bind(this)}></child> move是父組件上的一個方法。
子組件上我們用源生事件來觸發(fā)自定義事件例如onclick={this.props.move}.
3:限定父組件傳過來值的類型募舟,默認(rèn)值
限制類型和是否必須傳值可以用prop-types這個組件祠斧,首先我們npm安裝依賴這個組件,然后在子組件中import propTypes from "prop-types";然后我們在子組件中這樣配置
child.propTypes={
? ?context:propTypes.string.isRequired;//string限制類型拱礁,isRequired限定是否必須傳值琢锋。
}
設(shè)置默認(rèn)值
child.defaultProps={
context="text";
}