如何将state相关属性传递到Route组件中？

Question

<main className={classNames(classes.content,((this.state.sideBar.isSites  || this.state.sideBar.open) && bodyWidth > 1024 ) && classes.contentShift)}>
                        <Route exact path="/" component={Index}/>
                        <Route path="/explore" component={Explore}/>
                        <Route path="/user" component={User}/>
                        <Route path="/mysites" component={MySites}/>
                    </main>

如上面 的<Route exact path="/" component={Index}/>，我现在有个state={name:'xxx'}，想传递到Index组件中，请问如何解决？

Answer 1

<Route exact path="/" render={props=><Index {...props} state={{name: 'xxx'}}/>}/>

Answer 2

隐约感觉此处有性能问题，每次都要重新渲染组件，是否有更优化的方法呢？