我有一个组件“ FloatingChat”,需要将其连接到Redux, 因此,我为此组件创建了一个容器“ FloatingChatContainer”,
src / containers / FloatingChatContainer.js
import { connect } from "react-redux";
import FloatingChat from "../../components/FloatingChat";
const mapStateToProps = (state, props) => ({
auth: state[props.auth],
errors: state[props.errors]
});
const FloatingChatContainer = connect(mapStateToProps)(FloatingChat);
export default FloatingChatContainer;
但是,在FloatingChat组件中,我有一个错误:
TypeError: Cannot read property 'isAuthenticated' of undefined
useEffect(() => {
console.log("props ", props);
if (props.auth.isAuthenticated) {
loadUser();
}
}, []);
并且控制台日志返回一个空对象,所以我的道具没有到达组件中,
有人帮助吗?
答案 0 :(得分:0)
如果不查看更多项目,就很难回答您的状态。不过,我会看看一些潜在的罪魁祸首:
确保您的组件正在通过gregor_pf = function(data, val, group) {
data[, sum(eval(substitute(val, parent.env(environment())))),
by = c(deparse(substitute(group)))]
}
gregor_pf(mt, mpg, cyl)
## cyl V1
## 1: 6 138.2
## 2: 4 293.3
## 3: 8 211.4
+ constructor(props)
来获取道具。
将记录器中间件添加到您的应用程序,以便您可以更好地跟踪状态/调试错误。您可以查看记录器here。
向您的react组件添加super(props)
方法。