Antd message 這種組件為什么不需要在Render中使用，只需要在方法中調用

pingan8787 發布于2019-08-26 10:11 / 2033人閱讀

摘要：一般的引用中的組件我們需要如上代碼所示，需要把的組件放在我們的中去渲染，，注冊成功像這種組件，我們就可以當作一個方法調用，然后出現相應提示界面，其原理是利用方法，傳入相應的標簽和元素類型內容，然后也是插入到根節點對應實例方法如下

一般的引用antd中的組件我們需要
import {Button} from "antd"
class App extends React.Component{

render(){
    return(
        
            
    )
}

}
如上代碼所示，需要把import的組件放在我們的render中去渲染，
import {message，Button} from "antd"
class App extends React.Component{

handleClick=()=>{
     message.success("注冊成功！", 2)
}
render(){
    return(
        
            
    )
}

}
像message這種組件，我們就可以當作一個方法調用，然后出現相應提示界面，其原理是利用React.createElement()方法，傳入相應的html標簽和元素類型內容，然后也是插入到Root根節點message對應實例方法如下
getMessageInstance(function (instance) {

  var iconNode = React.createElement(_icon["default"], {
    type: iconType,
    theme: iconType === "loading" ? "outlined" : "filled"
  });
  instance.notice({
    key: target,
    duration: duration,
    style: {},
    content: React.createElement("div", {
      className: "".concat(prefixCls, "-custom-content").concat(args.type ? " ".concat(prefixCls, "-").concat(args.type) : "")
    }, args.icon ? args.icon : iconType ? iconNode : "", React.createElement("span", null, args.content)),
    onClose: callback
  });
});

});

GPU云服務器云服務器在php中使用組件在js中調用ajax 在VBScript中使用類 webrtc在webview中使用問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105747.html

React項目國際化(antd)多語言開發

摘要：本國際化方案僅針對技術棧，且不會涉及服務端國際化內容。引入多語言環境的數據雖然我只用到了文本翻譯的功能，以為就不需要加載這些數據，但后來發現這是必須的步驟。前言最近新接了一個項目，從0開始做，需要做多語言的國際化，今天搞了一下，基本達到了想要的效果，在這里簡單分享下： showImg(https://segmentfault.com/img/bVbuiJB); 背景國際化方案國際...

tracymac7 2019-08-02 15:21 評論0 收藏0
React項目國際化(antd)多語言開發

摘要：本國際化方案僅針對技術棧，且不會涉及服務端國際化內容。引入多語言環境的數據雖然我只用到了文本翻譯的功能，以為就不需要加載這些數據，但后來發現這是必須的步驟。前言最近新接了一個項目，從0開始做，需要做多語言的國際化，今天搞了一下，基本達到了想要的效果，在這里簡單分享下： showImg(https://segmentfault.com/img/bVbuiJB); 背景國際化方案國際...

wushuiyong 2019-08-23 18:17 評論0 收藏0
React+webpack+Antd從0到1開發一個todoMvc

摘要：在裝載組件之前調用會組件的構造函數。當實現子類的構造函數時，應該在任何其他語句之前調用設置初始狀態綁定鍵盤回車事件，添加新任務修改狀態值，每次修改以后，自動調用方法，再次渲染組件。可以通過直接安裝到項目中，使用或進行引用。首先我們看一下我們完成后的最終形態：TodoMvc： showImg(https://segmentfault.com/img/remote/14600000085...

sanyang 2019-08-20 14:47 評論0 收藏0
JSON生成Form表單

摘要：是校驗表單組件數據正確性的字段，其值為數組，里面的數組元素可以為。所以數組元素如果為的話，其內容就是的。到目前為止，表單適合大部分的表單應用場景。 JSON表單描述 JSON表單是一個基于React的抽象組件，它可以把JSON數據格式描述的表單轉換成項目中的表單，它可以用簡短的幾行代碼，快速的生成Form表單。JSON表單的優點是：可以快速構建出一個表單表單的數據、邏輯、視圖分...

bingchen 2019-08-26 13:22 評論0 收藏0