react 使用ant design UI 父組件this.refs無(wú)法調(diào)用子組件自定的方法

anRui 發(fā)布于2019-08-23 12:21 / 3115人閱讀

摘要：子組件使用了如何讓父組件調(diào)用子組件的方法在寫(xiě)技術(shù)棧使用時(shí)的使用會(huì)帶來(lái)一個(gè)問(wèn)題，會(huì)導(dǎo)致你無(wú)法直接使用去調(diào)用使用的子組件自定義方法。當(dāng)你調(diào)用時(shí)會(huì)拋出異常。父組件調(diào)用子組件的方法子組件方法調(diào)用成功這是子組件

子組件使用了 Form.create()如何讓父組件調(diào)用子組件的方法

在寫(xiě)react技術(shù)棧使用ant design時(shí) Form的使用會(huì)帶來(lái)一個(gè)問(wèn)題，會(huì)導(dǎo)致你無(wú)法直接使用refs去調(diào)用使用Form的子組件自定義方法。當(dāng)你調(diào)用時(shí)會(huì)拋出異常。

子組件寫(xiě)有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("方法調(diào)用成功！")
    }
    
    render() {
        return{            
            
            
               
                   這是子組件！
                            
           
            
        }
    }
}

Order = Form.create()(Order);

GPU云服務(wù)器云服務(wù)器子組件 ui組件調(diào)用組件 element-ui dialog組件

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/98374.html

相關(guān)文章

《慕課React入門》總結(jié)

摘要：入門與實(shí)戰(zhàn)組件虛擬的概念這是性能高效的核心算法為此引入了虛擬的機(jī)制。這個(gè)過(guò)程是自動(dòng)完成的。實(shí)際上是改變了樣式文件中類的名稱，使其唯一。如果希望使用達(dá)到的效果，則需要做件事情服務(wù)器支持。 React 入門與實(shí)戰(zhàn) react組件虛擬DOM的概念這是React性能高效的核心算法 React為此引入了虛擬DOM（Virtual DOM）的機(jī)制。基于React進(jìn)行開(kāi)發(fā)時(shí)所有的DOM構(gòu)造都是通...

NotFound 2019-08-21 17:01 評(píng)論0 收藏0
《慕課React入門》總結(jié)

摘要：入門與實(shí)戰(zhàn)組件虛擬的概念這是性能高效的核心算法為此引入了虛擬的機(jī)制。這個(gè)過(guò)程是自動(dòng)完成的。實(shí)際上是改變了樣式文件中類的名稱，使其唯一。如果希望使用達(dá)到的效果，則需要做件事情服務(wù)器支持。 React 入門與實(shí)戰(zhàn) react組件虛擬DOM的概念這是React性能高效的核心算法 React為此引入了虛擬DOM（Virtual DOM）的機(jī)制。基于React進(jìn)行開(kāi)發(fā)時(shí)所有的DOM構(gòu)造都是通...

zhigoo 2019-08-30 15:53 評(píng)論0 收藏0
React

摘要：基礎(chǔ)創(chuàng)建虛擬參數(shù)元素名稱，例如參數(shù)屬性集合，例如，，，從參數(shù)開(kāi)始，表示該元素的子元素，通常這些元素通過(guò)創(chuàng)建，文本文件可以直接插入嘻嘻哈哈這是渲染器，將元素渲染到頁(yè)面中。 React簡(jiǎn)介 FeceBook開(kāi)源的一套框架，專注于MVC的視圖V模塊。實(shí)質(zhì)是對(duì)V視圖的一種實(shí)現(xiàn)。 React框架的設(shè)計(jì)沒(méi)有過(guò)分依賴于某個(gè)環(huán)境，它自建一套環(huán)境，就是virtual DOM（虛擬DOM）。提供基礎(chǔ)AP...

hlcc 2019-08-22 10:35 評(píng)論0 收藏0
React的移動(dòng)端和PC端生態(tài)圈的使用匯總

摘要：調(diào)用通過(guò)注冊(cè)表調(diào)用到實(shí)例，透過(guò)的，調(diào)用到中的，最后通過(guò)，調(diào)用，根據(jù)參數(shù)相應(yīng)模塊執(zhí)行。京東的，多端解決方案是一套遵循語(yǔ)法規(guī)范的多端開(kāi)發(fā)解決方案。 showImg(https://segmentfault.com/img/bVbuMkw?w=1304&h=808); 對(duì)于一項(xiàng)技術(shù)，我們不能停留在五分鐘狀態(tài)，特別喜歡一句話，用什么方式繪制UI界面一點(diǎn)不重要，重要的是底層的思維，解決問(wèn)題和優(yōu)化...

kun_jian 2019-08-02 15:28 評(píng)論0 收藏0
React的移動(dòng)端和PC端生態(tài)圈的使用匯總

摘要：調(diào)用通過(guò)注冊(cè)表調(diào)用到實(shí)例，透過(guò)的，調(diào)用到中的，最后通過(guò)，調(diào)用，根據(jù)參數(shù)相應(yīng)模塊執(zhí)行。京東的，多端解決方案是一套遵循語(yǔ)法規(guī)范的多端開(kāi)發(fā)解決方案。 showImg(https://segmentfault.com/img/bVbuMkw?w=1304&h=808); 對(duì)于一項(xiàng)技術(shù)，我們不能停留在五分鐘狀態(tài)，特別喜歡一句話，用什么方式繪制UI界面一點(diǎn)不重要，重要的是底層的思維，解決問(wèn)題和優(yōu)化...

J4ck_Chan 2019-08-23 18:32 評(píng)論0 收藏0