第一种:
通过定义函数实现 1 、父组件设置含有 this.setState({...})的方法,形参为接收子组件的变量
2 、将方法作为参数传递给子组件
如<B sub={this.方法.bind(this)]/>
3 、子组件通过 this.props.键名接收函数
this.props.键名(子组件的数据)
第二种:
通过父元素传递的函数在标签中通过箭头函数,直接传参
如:<button onClick={()=>{this.props.函数(参数)}}></button>
父调用子组件方法
1.把子组件的 this 指针挂载成父组件的一个变量，<ChildPage onRef={c=>this.ChildPage=c}></ChildPage>，通过 onRef
2.如果父组件传来该方法 则调用方法将子组件 this 指针传过去，props.onRef(this)
 |
1
Rsl Aug 10, 2021  1
你是不小心学了 5 年前的教程吧? 看到这些代码回忆起了童年, 哈哈哈...
建议楼主学一学新一点的, 重点学下 hooks 的使用, 爽度激增 |
 |
3
JerryCha Aug 10, 2021
别说天翼 3G 了，移动 G3 都没这么慢
|
 |
5
gouflv Aug 10, 2021 via iPhone
初学者注意：这两种都不是最佳实践
|
 |
6
lalalaqwer Aug 11, 2021
不用 Context 的话，hooks 也是用 props 来传递吧。很久没写 react 了，之前还是试着写 hooks 的，想了好久没想明白这类简单的调用怎么用 hooks 呀
|
 |
7
duan602728596 Aug 11, 2021
初学者注意：父调用子组件方法千万不要这么写
|
 |
9
qrobot Aug 11, 2021
@lalalaqwer 别问，问就是 dispatch
|
 |
10
darkengine Aug 11, 2021
@MaoRong 直接去啃英文的 React 官方文档吧，不要看二手的了，实效性没有保障。
|
 |
11
XTTX Aug 11, 2021
自从可以写 functional component, 我就再也没有写过 class component. this 这个 this 那个 已经不记得了。。。
|
 |
12
q673115816 Aug 11, 2021 via Android
现在应该是 forwordref 拿子组件吧
|
 |
13
ChrisV5 Aug 11, 2021
hooks 怎么解决父子组建传 event...
|
Select Language