У меня проблема, до того, как она заработала, но внезапно остановилась, у меня есть меню, и когда я нажимаю ссылку, но страница не меняется, если я обновляю страницу (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>
);
}}