在变量分配期间反应未定义的Redux道具

Question

为什么在将props分配给JSX变量时为什么将其输出为undefined？这正常吗？还是我的程序中还有其他一些代码会导致此问题？

const { foo } = this.props;
console.log(this.props);
console.log(foo);

class Library extends Component {

 componentDidMount() {
    M.AutoInit();
  }
  render() {
    const { foo } = this.props;
    console.log(this.props);
    console.log(foo);
    return <div className="container"></div>;
  }
}
const mapStateToProps = state => {
  return {
    cred: state.cred.tabs
  };
};

Answer 1

您正在尝试从foo来destructure个属性this.props。 但是根据您的日志，this.props似乎不包含任何foo属性。

Answer 2

const { foo } = this.props;与编写const foo = this.props.foo;相同，这似乎不是道具中的价值。

如果这不是故意的，而您试图将整个props对象分配给foo变量，则正确的语法应为const foo = this.props;。