선생님 왜 저는 백날해도 collapse 내용이 link아래로 갈... - 인프런

리액트로 나만의 블로그 만들기(MERN Stack)

(20) Header(2)

선생님 왜 저는 백날해도 collapse 내용이 link아래로 갈까요?

해결된 질문

21.11.01 15:27 작성

262

따로 리버스 값을 줘야하는 건가요?

똑같이 했는데 결과가 달라서 무슨 문제인지 모르겠습니다 ㅠ

d-flex 가 안먹히는거같습니다..

답변 2

질문자

2021. 11. 03. 07:50

<Container className="d-flex">

<Link to="/" className="text-white text-decoration-none">

Side Project's Blog

</Link>

<Collapse className="ml-auto d-flex justify-content-end" isOpen={isOpen} navbar>

<Nav navbar>

{isAuthenticated ? (

authLink

) : (

guestLink

)}

</Nav>

</Collapse>

<NavbarToggler onClick={handleToggle}/>

로 수정해서 얼추 비슷하게는 하였습니다. 답변감사합니다 ㅎㅎ

(세로로 나오길래 Container ClassName에 d-flex값을 주었고, Blog이름과 Collapse가 붙어 있길래 Nav가 아닌 Collapse 값에 content-end값을 주었습니다.)(Nav의 ClassName값은 제거)

지식공유자

2021. 11. 02. 00:29

혹시 AppNavbar.js에서 위치가 제대로 되어 있는지 확인해보시기 바랍니다.

컴퓨터는 단순히 빠른 계산기에 불과하기에

에러가 발생하는 것은 분명 작성자가 뭔가를 잘못 입력해서 발생하는 것입니다.

어떤 결과가 발생했다는 것은 내가 뭔가를 잘 못 입력했다는 것이지요.

link가 무조건 위에 나온다는 것은 뭔가 빼고 작성하신 듯 합니다.

<그 외>

혹시 reactstrap 버전이 몇인가요? 8보다 높으면 8버전으로 맞춰주시고 강의를 따라오신다음

완강후 버전을 현재버전으로 높혀

그래도 에러가 발생하면 reactstrap docs를 보고 수정하시는걸 권합니다.