React Link в раскрывающемся списке меняет URL, но не контент - PullRequest
Новая
       12

React Link в раскрывающемся списке меняет URL, но не контент

0 голосов
/ 16 июня 2020

Я уже давно ломаю голову над этой проблемой и не могу найти решения. Я создаю панель навигации с раскрывающимся меню, в котором, естественно, я хочу менять страницы. Я могу заставить его изменить URL-адрес на правильный адрес, но я не могу заставить его изменить содержимое. Это работает для не раскрывающихся меню. Извините за спагетти-код, пока еще относительно новый для React. Я надеюсь, что кто-то может мне помочь.

Я пробовал использовать Route, текст здесь и кучу других вещей, похоже, ничего не работает. Это может быть проблемой дальше в коде, поэтому при необходимости вот ссылка на репозиторий: Github Link

Заранее спасибо! : -) 

  return (
    <div className="dropdown" style={{ height: menuHeight }}>
      {/* if activemenu = main it will show active children inside it. unmountonexit removes them when they are not active. CSSTransitions adds and removes classes based on animation state */}
      <CSSTransition
        in={activeMenu === 'main'}
        unmountOnExit
        timeout={500}
        classNames="menu-primary"
        onEnter={calcHeight}
      >
        <div className="menu">

          {/* Menu Point with no follow-up  */}
          <Router>
            <Link to="/pages">
              <DropdownItem>Vejrudsigt</DropdownItem>
            </Link>
          </Router>
          {/* Menu point with drop down follow-up  */}
          <DropdownItem
            leftIcon={<ArrowIcon />}
            rightIcon={<ChevronIcon />}
            // Where the menu will go to: 
            goToMenu="nyheder"
          >
            Nyheder
      </DropdownItem>
...