reactjs父子组件间的传值

匿名 (未验证) 提交于 2019-12-03 00:17:01

FatherComponent.jsx

ChildComponent.jsx

父传子方法 props

FatherComponent.jsx

ChildComponent.jsx

带参数的方法:

FatherComponent.jsx

ChildComponent.jsx

父组件将自身传给子组件 props

FatherComponent.jsx

ChildComponent.jsx

父组件获取子组件的数据 refs

FatherComponent.jsx

ChildComponent.jsx

父组件获取子组件的方法 refs

FatherComponent.jsx

ChildComponent.jsx

带有参数的方法:

FatherComponent.jsx

ChildComponent.jsx

组件的defaultProps和propTypes

defaultProps:用来初始化组件的props属性

ChildComponent.jsx

当父组件FatherComponent没有给子组件ChildComponent的props属性传递message参数值时,会使用default值 => message:’这里是默认信息’

如果有传,则会覆盖掉default值。

ChildComponent.jsx

先导入react的依赖模块prop-types

这里对子组件ChildComponent的props属性中的message进行类型约束,message必须是个string,如果不是string则会报错

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!