react组件之间的传值

react

父组件:

import 子组件 from ‘路径’;

然后在 父组件的 render 里面直接当做标签使用

《子组件》《/子组件》

父组织传值:

《子组件

子组件使用的名字={ 传的参数 }

子组件使用的函数名字={ 传的函数 (函数要 this.函数名) }

》《/子组件》

子组件:

直接使用 : this.props.名字

子组件传值规定传参类型:

文件夹引入

import 名字 from ‘prop-types’

prop-types 脚手架自动安装了使用 :

在 class 接收后面写:

Toodoltem.propTypes = {

子组件接收的名字: 名字.string.isRequired,

子组件接收的名字: 名字.string,

}

里面的 isRequired 意思是必须传的

// defaultProps 默认的值 不用引入直接用

Toodoltem.defaultProps = {

子组件接收的名字: ‘hello! world’

}

子组件截图

以上是 react组件之间的传值 的全部内容, 来源链接: utcz.com/z/383641.html

回到顶部