내 기능 구성 요소가 예상대로 변수를 전달하도록 할 수없는 것 같습니다. 나는 소품 전달을 시도했지만 작동하지 않았으며 구문이 지갑 기능 구성 요소와 동일한 지 확실하지 않습니다. 팁이 있습니까?
app.js :
const [showRecommender, setRecommenderVisible] = React.useState(true);
<Switch>
<Route
path='/'
render={() => <LandingPage showRecommender={showRecommender} />}
//ALSO TRIED: render={(props) => <LandingPage {...props} showRecommender={showRecommender} />}
/>
</Switch>
LandingPage.js :
const LandingPage = ({showRecommender}) => {
console.log("showRecommender val from landingPage:", showRecommender); //getting undefined????
나는 여전히 내 원래 코드를 '주석 처리'했거나, 그래서 나는 여전히 주석 처리 된 줄을 실행하고 있다고 생각했다. 일단 제거되면 예상대로 작동했습니다 ... 뼈 머리 움직임, 모두 죄송합니다.
<Switch>
// <Route path="/" exact component={LandingPage}/>
<Route
path='/'
render={() => <LandingPage showRecommenderVal={showRecommender} />}
/>
</Switch>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다