Question

因此，在使用react-router-dom更改路线时，我必须再次添加，即在该路线中重新渲染标题和侧边栏组件。这会影响我的页面加载时间。

以下是我的代码，用于更好地理解

index.js

 ...
<Route exact path="/" component={UI} />
<Route exact path="/rms" component={rms} />
 ...

UI.js

<div>
    <Header />
    <div className="mainbody">
      <Sidebar history={this.props.history}/>
      <div className="main">
        ...
      </div>
    </div>
  </div>

rms.js

<div>
    <Header />
    <div className="mainbody">
      <Sidebar history={this.props.history} />
      <div className="main">
        ... //new content
      </div>
    </div>
  </div>

P.S我还是个新手，要指出我做错了吗？

Answer 1

过早的优化是万恶之源

-Donald Knuth

您说过重新渲染标题和侧边栏会影响页面加载时间。我发现那个嫌疑犯。除非它做的是疯狂，否则一个单独的组件不会对加载时间产生有意义的影响。

我会仔细检查您如何度量事物，但是在开始度量事物之前，您应该确保页面加载确实是一个问题。如果不超过几秒钟，那么您最好将精力集中在其他地方。

如何仅更改子组件而父组件不会在路线更改时重新呈现？

1 个答案: