Что такое inline-рендеринг в роутере React и как он работает с "рендерингом" внутри маршрута /

Question

Глядя на документы, я не понимаю, когда использовать render против component внутри маршрутизатора, так как первый не перемонтирует компонент, а второй делает? Когда вы покидаете маршрут и возвращение, не всегда ли он отключает компонент и перемонтирует его? В какой ситуации вы бы не перемонтировали его?

Answer 1

Если вы просто хотите визуализировать компонент с использованием только реквизитов маршрута, используйте компонент:

<Route path="/user/:username" component={ User } />

Однако, если вы хотите передать реквизиты вашему компоненту, вам НЕ следует передавать функцию компоненту, например так:

<Route path="/user/:username" component={ (props) => <User example="something" { ...props } /> } />

Вместо этого вы должны использовать render для рендеринга компонента с помощью реквизита:

<Route path="/user/:username" render={ (props) => <User example="something" { ...props } /> } />