1
Size: a a a
1
1
ЮЧ
d
const MainContent = () => {Толком еще не разобрался с компонентами
const user = useSelector(state => state.user);
console.log(user)
return (
<div className="App-content">
<Switch>
<Route exact path={"/"} component={Home}/>
<Route path="/signup" render={() => (
user.is_logged ? (<Redirect to="/"/>) : (<Signup/>)
)}/>
<Route path="/login" render={() => (
user.is_logged ? (<Redirect to="/"/>) : (<Login/>)
)}/>
<Route path="/profile" render={() => {
if (user.is_logged) {
return <Profile/>
} else {
return <Redirect to="/login" />
}
}}/>
<Route path="/logout" render={() => (
(<Redirect to="/"/>)
)}/>
</Switch>
</div>
);
};
ЮЧ
d
d
ЮЧ
user.is_logged
в этот момент какой?d
d
ЮЧ
ЮЧ
d
d
d
d
ЮЧ
console.log
вставлен в тело компонента. А тело компонента вызывается на любой чих.ЮЧ
render() {}
метод.ЮЧ