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