你如何在React Router的路由中使用匿名函數？

將props傳遞給下面的匿名函數的目的是什麼？你是否必須使用匿名函數才能將道具傳遞給路徑中的組件？你如何在React Router的路由中使用匿名函數？

function App(props) { 
    const { data } = props; 

    return (
    <Router> 
     <Route path="/home" render={(props) => <Home data={data.things} />} /> 
    </Router> 
) 
}

來源

2017-09-25 stackjlei

您能告訴我們這段代碼的來源嗎？這會導致您提出這個問題嗎？或者這是你自己創造的東西嗎？ – Andrew

因此，要回答你的問題：在我們必須通過props在匿名函數，使他們可向Home部件上面的代碼。理想的方式是通過道具象下面這樣：

<Route path="/abc" render={props => <TestWidget someProp="2" {...props} />} />

精美解釋here

如果您使用的是終極版那麼這一切都將通過使用高階組件Provider商店被照顧。請參閱文檔here

來源

2017-09-26 04:43:34

你如何在React Router的路由中使用匿名函數？

回答

相關問題