When you use component (instead of render or children, below) the router uses React.createElement to create a new React element from the given component. That means if you provide an inline function to the component prop, you would create a new component every render. This results in the existing component unmounting and the new component mounting instead of just updating the existing component. When using an inline function for inline rendering, use the render or the children prop (below).
<Route path="/1" component={Component1}/><Route path="/2" component={Component2}/>Я не знаю, как это реализовать ибо плохо шарю в js :D
замкнутый круг получается
В каком виде писать код на реакте быстро, удобно и эффективно? Как вы сами строите архитектуру большого приложения, какие подходы? Я без сарказма спрашиваю, мне действительно интересно.
Но я бы вам посоветовал сначала написать код без роутинга который работает так как вы хотите чтобы было на events/1, потом закомментировать и написать чтобы он работал так как вы хотите чтобы было на events/2
потом посмотреть в чем разница и там уже подумать как эту разницу организовать через роутинг