Import from nested components ReactJS

Question

Okay so i really thought this would be simple or at least able to find similar problem by searching google but haven't found anything that help.

So i got two files one in the path

/src/components/menu/header/InformationHeader

and one in

/src/components/menu/sections/section_components/PromotionComponent

what i want to do is import InformationHeader into PromotionComponent but i cant seem to find a way how i tried

import { InformationHeader } from "../menu/header/InformationHeader";
import { InformationHeader } from "../header/InformationHeader";

and with all different combination of dots but nothing find it. I dont want to use an absolute path for it either with my username and all. I know there must be a simple solution for this but just cant find any answer.

Arup Rakshit · Accepted Answer · 2018-08-23 13:52:35Z

1

Ok you need to go up 2 folders..

import { InformationHeader } from "../../header/InformationHeader";

You are now in..

/src/components/menu/sections/section_components/PromotionComponent

so, now ../../ means you are now

/src/components/menu/

edited Aug 23, 2018 at 13:52

answered Aug 23, 2018 at 13:49

Arup Rakshit

119k30 gold badges270 silver badges328 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Johan Jönsson Over a year ago

I knew there were the simplest solution to this :) thanks been pulling my hair for a while here

Johan Jönsson Over a year ago

Done it couldnt do it at first because time and then i forgot!

Collectives™ on Stack Overflow

Import from nested components ReactJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related