React export和export default的區別


es6中export和export default的區別

  • export與export default均可用於導出常量、函數、文件、模塊
  • 你可以在其它文件或模塊中通過import+(常量 | 函數 | 文件 | 模塊)名的方式,將其導入,以便能夠對其進行使用
  • 在一個文件或模塊中,export、import可以有多個,export default僅有一個
  • 通過export方式導出,在導入時要加{ },export default則不需要
  • 其實很多時候export與export default可以實現同樣的目的,只是用法有些區別。注意第四條,通過export方式導出,在導入時要加{ },export default則不需要。使用export default命令,為模塊指定默認輸出,這樣就不需要知道所要加載模塊的變量名。

React中使用export導出類可以有兩種方法

1. export default classname

這種導出方式與export default class classname extends React.class相同

在其他文件中引用時采取如下方式

import classname form path

  

2. export {classname1,classname2}

在其他文件中引用時采用如下方式

import {classname1,classname2} from path

import {classname1} //注意引用一個類時也要加上{}

 

 


原文鏈接:https://blog.csdn.net/ZYC88888/java/article/details/82501791


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM