成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

export和export default的區(qū)別

I_Am / 1232人閱讀

摘要：注意第四條，通過方式導(dǎo)出，在導(dǎo)入時(shí)要加，則不需要。使用命令，為模塊指定默認(rèn)輸出，這樣就不需要知道所要加載模塊的變量名。

es6中export和export default的區(qū)別

export與export default均可用于導(dǎo)出常量、函數(shù)、文件、模塊；

你可以在其它文件或模塊中通過import+(常量 | 函數(shù) | 文件 | 模塊)名的方式，將其導(dǎo)入，以便能夠?qū)ζ溥M(jìn)行使用；

在一個(gè)文件或模塊中，export、import可以有多個(gè)，export default僅有一個(gè)；

通過export方式導(dǎo)出，在導(dǎo)入時(shí)要加{ }，export default則不需要；

其實(shí)很多時(shí)候export與export default可以實(shí)現(xiàn)同樣的目的，只是用法有些區(qū)別。注意第四條，通過export方式導(dǎo)出，在導(dǎo)入時(shí)要加{ }，export default則不需要。使用export default命令，為模塊指定默認(rèn)輸出，這樣就不需要知道所要加載模塊的變量名。

React中使用export導(dǎo)出類可以有兩種方法

1. export default?classname

這種導(dǎo)出方式與export default class?classname?extends React.class相同

在其他文件中引用時(shí)采取如下方式

import?classname?form?path

例如：

Com.js

class Welcome extends React.Component{
    render(){
        return 
 hello,{this.props.name}

    }
}
 
function App(){
    return (
        

            
            
        

    );
}
 
export  default App;

index.js

import App  from "./components/Com";
const element=;
ReactDOM.render(element, document.getElementById("root"));

2. export {classname1,classname2}

在其他文件中引用時(shí)采用如下方式

import {classname1,classname2} from?path

import {classname1} //注意引用一個(gè)類時(shí)也要加上{}

例如：

class Welcome extends React.Component{
    render(){
        return 
 hello,{this.props.name}

    }
}

function App(){
    return (
        

            
            
        

    );
}
export  {Welcome,App};

index.js

import {App}  from "./components/Com";
 
const element=;
ReactDOM.render(element, document.getElementById("root"));
?

作者：ZhaoYingChao88
原文：https://blog.csdn.net/ZYC8888...

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/102225.html

相關(guān)文章

  • JavaScript中AMD和ES6模塊的導(dǎo)入導(dǎo)出對(duì)比

    摘要：每個(gè)模塊內(nèi)部，變量代表當(dāng)前模塊。這個(gè)變量是一個(gè)對(duì)象，它的屬性即是對(duì)外的接口。加載某個(gè)模塊，其實(shí)是加載該模塊的屬性。為了方便，為每個(gè)模塊提供一個(gè)變量，指向。這等同在每個(gè)模塊頭部，有一行這樣的命令。 我們前端在開發(fā)過程中經(jīng)常會(huì)遇到導(dǎo)入導(dǎo)出功能，在導(dǎo)入時(shí)，有時(shí)候是require，有時(shí)候是import在導(dǎo)出時(shí)，有時(shí)候是exports，module.exports，有時(shí)候是export，expo...

    劉明 評(píng)論0 收藏0

  • 前端模塊化詳解

    摘要：提倡依賴前置，在定義模塊的時(shí)候就要聲明其依賴的模塊。適用場(chǎng)景按需加載條件加載動(dòng)態(tài)的模塊路徑注關(guān)于模塊化，詳細(xì)見阮一峰的入門模塊與模塊化區(qū)別模塊化的規(guī)范和兩種。 模塊化開發(fā)方便代碼的管理，提高代碼復(fù)用性，降低代碼耦合，每個(gè)模塊都會(huì)有自己的作用域。當(dāng)前流行的模塊化規(guī)范有CommonJS，AMD，CMD，ES6的import／export CommonJS的主要實(shí)踐者就是nodejs,一般...

    zhangfaliang 評(píng)論0 收藏0

  • ES6模塊默認(rèn)導(dǎo)出和變量綁定（Default Exports and Exporting bindi

    摘要：背景現(xiàn)在最主流的模塊機(jī)制是和。模塊模塊導(dǎo)出的變量始終指向的是模塊內(nèi)部的變量，使用時(shí)可以獲得此變量的最新值。我們叫導(dǎo)出綁定。但是在看對(duì)默認(rèn)導(dǎo)出代碼的轉(zhuǎn)換時(shí)，發(fā)現(xiàn)實(shí)現(xiàn)并不使用。所以改了并不等于改了，自然的東西沒有變化。 背景 JavaScript 現(xiàn)在最主流的模塊機(jī)制是 commonjs 和 ES6 module。兩者不單是語法上有所區(qū)別，在加載的時(shí)候也有所不同，譬如 commonjs 是...

    Benedict Evans 評(píng)論0 收藏0

  • export default function 和 export function 的區(qū)別

    摘要：第二組是不使用時(shí)，對(duì)應(yīng)的語句需要使用大括號(hào)。命令用于指定模塊的默認(rèn)輸出。所以，命令后面才不用加大括號(hào)，因?yàn)橹豢赡芪ㄒ粚?duì)應(yīng)命令。 // 第一組 export default function crc32() {}; // 輸出 import crc32 from crc32; // 輸入 // 第二組 export function crc32() {}; // 輸出 import {...

    張利勇 評(píng)論0 收藏0

  • exports、module.exports和export、export default到底是咋回事

    摘要：前言難得有空，今天開始重新規(guī)范的學(xué)習(xí)一下編程。簡(jiǎn)而言之，區(qū)分他們之間的區(qū)別就是只是的引用，輔助后者添加內(nèi)容用的。導(dǎo)出了方法導(dǎo)出了集合成對(duì)象導(dǎo)出因?yàn)閷?dǎo)出是把零散的聚集在一起作為一個(gè)對(duì)象，而是導(dǎo)出為屬性。 前言 難得有空，今天開始重新規(guī)范的學(xué)習(xí)一下node編程。但是引入模塊我看到用 require的方式，再聯(lián)想到咱們的ES6各種export 、export default。 阿西吧，頭都大...

    Jaden 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<