react-import的用法

1.在B.js中引用A.js;

 
 
1
import  A  from  './A' ;


      此时A.js中必须有默认导出 export default;则import后面的命名可以随意取,因为总会解析到A.js中的export default;如

 
 
1
2
import  Aa  from  './A' ;
import  AS  form  './A' ;


2.使用花括号的情形

 
 
1
import  { A }  from  './A' ;

        花括号中的名字必须是A.js中导出模块命名为A,如A.js中这样写道

 
 
1
export  const  A = { } ;


3.一个模块的默认导出只能有一个,但是命名导出可以有多个,如

 
 
1
import  A ,  { MyAMyX }  from  './A' ;

        导入‘A’文件里export的一个默认的组件,将其命名为A以及MyA MyX这两个非默认组件

4.导入时可以重命名,如

 
 
1
import  A  as  Aa , { MyA  as  MyAa , MyX  as  MyXa }  from  './A' ;  

            从A中导出组件 A 改名为 Aa


扫描二维码关注公众号,回复: 3035420 查看本文章

猜你喜欢

转载自blog.csdn.net/amyloverice/article/details/80570543