Реактивная ссылка изменилась, но страница не изменилась - PullRequest
0 голосов
/ 18 сентября 2018

У меня проблема, до того, как она заработала, но внезапно остановилась, у меня есть меню, и когда я нажимаю ссылку, но страница не меняется, если я обновляю страницу (f5), она работает, это мой маршрутизатор и меню.-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:

import React from 'react';
import { Switch, Route } from 'react-router-dom';
import asyncComponent from '../../helpers/AsyncFunc';
import getDevRouters from '../../customApp/router';
import Ini from './ini';
import UsuarioCadastro from '../Cadastro/Usuario'
import Email from '../Email';
import Favoritos from '../Favoritos';

class Usuario extends React.Component {
render() {
const { url } = this.props;
const { propss } = this.props;

return (
  <Switch>

    <Route
      exact
      path={`${url}/cadastro`}
      component={UsuarioCadastro}
    />

    <Route
      exact
      path={`${url}/email`}
      component={Email}
    />

    <Route
      exact
      path={`${url}/favoritos`}
      component={Favoritos}
    />

    <Route
      exact
      path={`${url}`}
      component={Email}
    />

  </Switch>
);

}}

экспорт по умолчанию Usuario;

// ------------------ Меню

render() {
// const { url, app, toggleOpenDrawer, bgcolor } = this.props;
const { app, toggleOpenDrawer, customizedTheme } = this.props;
const url = stripTrailingSlash(this.props.url);
const collapsed = clone(app.collapsed) && !clone(app.openDrawer);
const { openDrawer } = app;
const mode = collapsed === true ? 'vertical' : 'inline';
const onMouseEnter = event => {
  if (openDrawer === false) {
    toggleOpenDrawer();
  }
  return;
};
const onMouseLeave = () => {
  if (openDrawer === true) {
    toggleOpenDrawer();
  }
  return;
};
const scrollheight = app.height;
const styling = {
  backgroundColor: customizedTheme.backgroundColor
};
const submenuStyle = {
  backgroundColor: 'rgba(0,0,0,0.3)',
  color: customizedTheme.textColor
};
const submenuColor = {
  color: customizedTheme.textColor
};
return (
  <SidebarUsuarioWrapper>
    <Sider
      trigger={null}
      collapsible={true}
      collapsed={collapsed}
      width="240"
      className="isomorphicSidebar"
      onMouseEnter={onMouseEnter}
      onMouseLeave={onMouseLeave}
      style={styling}
    >
      <Logo collapsed={collapsed} />
      <Scrollbars
        renderView={this.renderView}
        style={{ height: scrollheight - 70 }}
      >
        <Menu
          onClick={this.handleClick}
          theme="dark"
          mode={mode}
          openKeys={collapsed ? [] : app.openKeys}
          selectedKeys={app.current}
          onOpenChange={this.onOpenChange}
          className="isoDashboardMenu"
        >

          <Menu.Item key="email">
            <Link to={`${url}/email`}>
              <span className="isoMenuHolder" style={submenuColor}>
                <i className="ion-android-mail" />
                <span className="nav-text">
                  Email
                </span>
              </span>
            </Link>
          </Menu.Item>

          <Menu.Item key="favoritos">
            <Link to={`${url}/favoritos`}>
              <span className="isoMenuHolder" style={submenuColor}>
                <i className="material-icons">
                thumb_up
                </i>
                <span className="nav-text">
                  Favoritos
                </span>
              </span>
            </Link>
          </Menu.Item>

          <Menu.Item key="cadastro">
            <Link to={`${url}/cadastro`}>
              <span className="isoMenuHolder" style={submenuColor}>
                <i className="material-icons">
                assignment
                </i>
                <span className="nav-text">
                  Cadastro
                </span>
              </span>
            </Link>
          </Menu.Item>

          <Menu.Item style={{marginTop:'30px'}} key="est_cadastro">
            <Link to={`/estabelecimento/cadastro`}>
              <span className="isoMenuHolder" style={submenuColor}>
                <i className="material-icons" style={{fontSize:'22px'}}>
                store
                </i>
                <span className="nav-text">
                  Painel Anúncio
                </span>
              </span>
            </Link>
          </Menu.Item>


          <Menu.Item key="categoria">
            <Link to={'/principal/categorias'}>
              <span className="isoMenuHolder" style={submenuColor}>

              <i className="material-icons">
              format_align_left
              </i>
                <span className="nav-text">
                  Categorias
                </span>
              </span>
            </Link>
          </Menu.Item>

        </Menu>
      </Scrollbars>
    </Sider>
  </SidebarUsuarioWrapper>
);

}}

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...