Reactjs 在react中渲染选定的对象字段

Reactjs 在react中渲染选定的对象字段,reactjs,react-redux,react-router,Reactjs,React Redux,React Router,我是新手,我想在navbar中呈现登录的用户-用户名 const Navbar = ({ user, isAuthenticated }) => { console.log(user) ....... ....... }; const mapStateToProps = (state) => ({ isAuthenticated: state.auth.isAuthenticated, user: state.auth.user, }); export default connec

我是新手,我想在navbar中呈现登录的用户-用户名

const Navbar = ({ user, isAuthenticated }) => {
console.log(user)
.......
.......
};
const mapStateToProps = (state) => ({
isAuthenticated: state.auth.isAuthenticated,
user: state.auth.user,
});

export default connect(mapStateToProps, { logout })(Navbar);
log(用户)返回一个对象

Object { username: "Admin", id: 1, email: "admin@gmail.com" }
但是当我使用console.log(user.username)时,它会返回-

TypeError: user is null

那么,如何在react中获取user.username或user.email之类的字段。

试试这个`console.log(user?.username)。接收用户为null的原因是因为redux是异步的。首先初始化initialstate,然后初始化actionOh!太好了,真管用。谢谢你这样说`console.log(user?.username)。接收用户为null的原因是因为redux是异步的。首先初始化initialstate,然后初始化actionOh!太好了,真管用。非常感谢。