介绍 public 孩子:,任何;Copy 用clipboardErrorCopied public onRef (ref:任何){
this.child =, ref
}Copy 用clipboardErrorCopied & lt; ChildPage onRef={(el)=祝辞this.onRef (el)},/祝辞Copy 用clipboardErrorCopied this.onRef =, this.onRef.bind(这)Copy 用clipboardErrorCopied this.props.onRef(这)Copy 用clipboardErrorCopied export class ParentCom extends React.Component<,{},{}祝辞,{
,,,构造函数(道具:{}){
,,,,,,,超级(道具);
,,,,,,,this.onRef =, this.onRef.bind(这个);
,,,}
,,,public 孩子:,任何;
,,,onRef (ref:任何){
,,,,,,,this.child =,裁判;
,,,}
,,,getChildFun () {
,,,,,,,this.child.testFun ();
,,,}
,,,渲染(){
,,,,,,,return (
,,,,,,,,,,& lt; div>
,,,,,,,,,,,,,,& lt; span>父组件& lt;/span>
,,,,,,,,,,,,,,& lt; ChildCom onRef={this.onRef}祝辞& lt;/ChildCom>
,,,,,,,,,,& lt;/div>
,,,,,,,)
,,,}
}
interface childProps {
,,,onRef ?:,
}
export class ChildCom extends React.Component< childProps,,{}祝辞,{
,,,构造函数(道具:{}){
,,,,,,,超级(道具);
,,,,,,,this.props.onRef(这个);
,,,}
,,,testFun () {
,,,,,,,console.log (123)
,,,}
,,,渲染(){
,,,,,,,return (
,,,,,,,,,,& lt; div>
,,,,,,,,,,,,,,& lt; span>子组件& lt;/span>
,,,,,,,,,,& lt;/div>
,,,,,,,)
,,,}
}
这篇文章给大家分享的是有关打印稿和反应如何使用ref的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
父组件
<强>在父组件中,编写如下:
类中定义的孩子,用于存放子组件的作用域
绑定子组件作用域
子组件上绑定ref
onRef绑定这(第3步,不使用箭头函数的情况)
子组件
<强>在子组件中,编写如下:
1,构造函数中onRef绑定这
完成以上4步骤,父组件中可以随便调用子组件中状态的值以及方法。
感谢各位的阅读!关于“打印稿和反应如何使用ref”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
