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 ,  { MyA，MyX }  from  './A' ;

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

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

1

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

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