Реакция Redux Props не определена при назначении переменной

Question

Почему, когда я назначаю реквизиты переменной JSX, она выводится как неопределенная? Это нормально? Или в моей программе есть какой-то другой код, который может вызвать эту проблему?

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

const { foo } = this.props; - это то же самое, что и запись const foo = this.props.foo;, что, по-видимому, не является ценностью в ваших реквизитах.

Если это не предназначено, и вы вместо этого пытаетесь присвоить весь объект props переменной foo, правильный синтаксис будет const foo = this.props;.

Answer 2

Вы пытаетесь уничтожить свойство foo из this.props.Но, согласно вашим журналам, this.props, похоже, не содержит никакого свойства foo.