Почему мой компонент не отображается при перенаправлении

Я условно делаю такое перенаправление

render() {
  if (condition) { 
   return(<someComponent />) 
} else {
    return (
      <BrowserRouter>
        <Redirect push to = "/newRoute" />
      </BrowserRouter>
    )
  }
}

но мой компонент действительно отображается при перенаправлении маршрута. Как я могу передать ему некоторые реквизиты, чтобы компонент рендерился?

изменить: вот еще какой-то контекст

index.js

export const init = () => {
  return render(
<MuiThemeProvider muiTheme = {muiTheme}>
  <Provider store = {store}>
    <Router history = {history} routes = {routes} />
  </Provider>
</MuiThemeProvider>, document.getElementById('app')
  )
}

init()

а затем у меня есть файл, который представляет собой гораздо более длинную версию этого

routes.js

 export default (
  <Route path='/' component = {App}>
      <IndexRedirect to='/in'/>
    <Route path='in' component = {Authentication(MainPage)}>
      <Route path='/newRoute' component = {newComponent}/>
    </Route>
 </Route>
)

Нужно больше информации. Что именно происходит прямо сейчас? Ваше условие if работает или еще и какой компонент вам нужно отрендерить? <someComponent /> или перенаправить?

Mohammad Hani 19.10.2018 23:49

Спасибо за ваш ответ. Мое условие if работает нормально. Браузер обновляет маршрут, но сам компонент не отображает.

Christopher Mellor 20.10.2018 00:04

Не могли бы вы также поделиться фактическим компонентом всего JS-файла? Насколько я понимаю, на данном этапе вы убедились, что ваш метод рендеринга и условие работают должным образом, и в соответствии с вашими ожиданиями возвращается "someComponent", но не рендеринг, верно?

Mohammad Hani 20.10.2018 00:07

Где определяется <Route path = "/newRoute"/>, если вообще определяется?

wdm 20.10.2018 00:08

Я обновил свой исходный пост, добавив еще контекст

Christopher Mellor 20.10.2018 00:13
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
5
54
0

Другие вопросы по теме