博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react 使用ant design UI 父组件this.refs无法调用子组件自定的方法
阅读量:6823 次
发布时间:2019-06-26

本文共 1002 字,大约阅读时间需要 3 分钟。

子组件使用了 Form.create()如何让父组件调用子组件的方法

在写react技术栈使用ant design时 Form的使用会带来一个问题,会导致你无法直接使用refs去调用使用Form的子组件自定义方法。当你调用时会抛出异常。

子组件写有Form表单父组件使用this.refs.refName.mychild是获取不到该方法的,要用wrappedComponentRef。

父组件:

export default class Parents extends Component{    constructor(props) {        super(props);        this.state = {}    }        getChildFun() {        this.formRef.childFun()    }        render() {        return{                        
this.formRef = e}/>
} }}

子组件

import { Form, InputNumber } from 'antd';const FormItem = Form.Item;export default class Order extends Component{    constructor(props) {        super(props);        this.state = {}    }        childFun() {       console.log("方法调用成功!")    }        render() {        return{                        
这是子组件!
} }}Order = Form.create()(Order);

转载地址:http://oqrzl.baihongyu.com/

你可能感兴趣的文章
Oracle 11g RAC 二节点root.sh执行报错故障一例
查看>>
ocs的部署与应用(一)
查看>>
Python黑客编程之信息收集
查看>>
Django+ PowerShell 管理AD系统
查看>>
leopard ich7 alc 888 driver
查看>>
开始学习Docker啦--容器理论知识(一)
查看>>
流数据库 概率计算概念 - PipelineDB-Probabilistic Data Structures & Algorithms
查看>>
Java注解不完全总结
查看>>
解决“此电脑上没有安装True Speech声音解码器”的方法
查看>>
Win08R2变脸Win7第一招配置Owner信息
查看>>
远程桌面连接 详细图解
查看>>
Linux下查看文件和文件夹大小
查看>>
redis总结
查看>>
CsGL着色的三角形
查看>>
后端码农谈前端(CSS篇)第七课:定位与浮动
查看>>
springboot(十八):使用Spring Boot集成FastDFS
查看>>
何勉:第一性原理和精益敏捷的规模化实施
查看>>
HDFS 文件格式——SequenceFile RCFile
查看>>
处理 Oracle SQL in 超过1000 的解决方案
查看>>
精致的JS提示
查看>>