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