How to change default component name while importing in react native?

Question

I want to import a component named "Create" while importing I want to change its name. But I cannot change the component name as I export the "Create" component as default.

import Create as CreateCustomer from 'sales_app/src/screen/customer/Create' ;

I am new to react-native. Need Help.

refer to this question https://stackoverflow.com/questions/39282253/how-can-i-alias-a-default-import-in-javascript — Max, Oct 27 '19 at 13:24

score 18 · Accepted Answer · answered Oct 28 '19 at 12:33

18

You can rename default import like this

  import { default as CreateCustomer } from 'sales_app/src/screen/customer/Create';

answered Oct 28 '19 at 12:33

Kaushik

921
10
18

Thanks for your answer. Yeah, I got my answer in this link https://stackoverflow.com/questions/39282253/how-can-i-alias-a-default-import-in-javascript. – MD. IBRAHIM KHALIL TANIM Oct 30 '19 at 16:41

score 0 · Answer 2 · answered May 10 '22 at 16:13

problem can be solved as below,

In the file we need to export, we can avoid "default export" and do a custom export and import in the custom name.

for example, if you need to get Button as MyButton

in the button file, we can export it as, export {Button as MyButton};

and as usual we can import it as import {MyButton} from './another-file';

score 0 · Answer 3 · answered May 12 '23 at 06:14

0

import CreateCustomer from 'sales_app/src/screen/customer/Create';

answered May 12 '23 at 06:14

Shivam Singh

330
2
10

How to change default component name while importing in react native?

3 Answers3