mapStateToProps不向道具发送任何内容

时间:2019-10-31 19:47:21

标签: reactjs redux

我有一个组件“ 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();
    }
  }, []);

并且控制台日志返回一个空对象,所以我的道具没有到达组件中,

有人帮助吗?

1 个答案:

答案 0 :(得分:0)

如果不查看更多项目,就很难回答您的状态。不过,我会看看一些潜在的罪魁祸首:

  1. 确保您的组件正在通过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)来获取道具。

  2. 将记录器中间件添加到您的应用程序,以便您可以更好地跟踪状态/调试错误。您可以查看记录器here

  3. 向您的react组件添加super(props)方法。