小编Str*_*ike的帖子

我正在从 API 服务器获取数据以动态生成 NavBar 菜单。

问题是每次我浏览页面时菜单都会重新呈现。无法弄清楚为什么会这样。我为react-routerv4尝试了不同的例子，比如使用，但菜单总是重新渲染。

动态生成菜单时，您使用什么模式来防止 NavBar 菜单重新呈现？

以下是基本设置文件：

Main.js 文件：

import React from 'react'
import { Route } from 'react-router-dom'
import Home2 from './Home'
import Head from './Head'
import Rules from './Rules'

const Main = () => (
  <main>
    <Route  path='/' component={Head}/>
    <Route exact path='/' component={Home}/>
    <Route exact path='/rules' component={Rules}/>
  </main>
)

export default Main

head.js 文件：

import React, { Component } from 'react'
import Menu from 'semantic-ui-react'

class Head extends Component {
  constructor(props) {
   super(props); …