import React, { Component } from 'react';
import { connect } from 'react-redux';
import * as actions from '../../actions';
class Signout extends Component {
componentDidMount() {
this.props.signout();
}
render() {
return <div>
Sorry to see you go
</div>
}
};
export default connect(null, actions)(Signout);
Это не отображает страницу, чтобы показать, что вы ушли. Когда я нажимаю ссылку на этот компонент, я получаю пустую пустую страницу. То же самое происходит и с некоторыми другими моими компонентами. В приложении работают только компоненты, которым ничего не нужно от функции ComponenDidMount.
Компонент вызывается отсюда:
import Dashboard from "../views/Dashboard/Dashboard.jsx";
import TagTable from "../views/TagTable/TagTable.jsx";
// @material-ui/icons
import DashboardIcon from "@material-ui/icons/Dashboard";
import Apps from "@material-ui/icons/Apps";
import SignOut from "../views/Auth/Signout";
var dashRoutes = [
{
path: "/dashboard",
name: "Dashboard",
icon: DashboardIcon,
component: Dashboard
},
{
path: "/tags",
name: "Tags",
icon: Apps,
component: TagTable
},
{
path: "/logout",
name: "Logout",
icon: Apps,
component: SignOut
},
{ redirect: true, path: "/", pathTo: "/dashboard", name: "Dashboard" }
];
export default dashRoutes;
Призыв к действию выглядит следующим образом:
export const signout = () => {
localStorage.removeItem('token');
return {
type: AUTH_USER,
payload: ''
};
}
Не могли бы вы рассказать, как реализован signout? и компонент, показывающий ссылку, запускающую создателя действия?
Никаких ошибок в консоли это крайне странно.
Сообщите мне, если я упустил что-нибудь, что вам нужно проверить.





Попробуй сделать это.
return (
<div>
Sorry to see you go
</div>
)
Заключите ваши div в круглые скобки.
Не сработало, но я получил предупреждение: ./src/views/Auth/Signout.js Строка 13: Ожидалось присвоение или вызов функции, но вместо этого я увидел выражение no-unused-expressions Строка 13: Недостижимый код no-unreachable
Хм! Поместите текст внутри тегов h1 или p вместо div.
В консоли есть ошибки?