React_Router에서 props 전달하기

이미 만들었던 블로그 사이트의 디자인을 대폭 변경하면서,

React Router로 렌더링되는 컴포넌트를 지정해주는 상황에서 props를 전달하게 되었다.

 

변경전

<Route exact path="/" component={Main}>

변경후

<Route exact path="/" component={Main} searchstatus={searchstatus} SetSearchstatus={SetSearchstatus}/>

 

^^ 아 혹시나 해봤는데 역시나 안된다.

 

구글링 후 바로 해결 할 수 있었다.

 

Goood!!

 

옳은 방법

<Route exact path="/" render={() => <Main searchstatus={searchstatus} SetSearchstatus={SetSearchstatus}/>} />