Хотите передать данные из componentDidMount, но это всегда не определено

Question

Получение данных с сервера в componentdidmount и передача в функцию handlesubmit, но она всегда возвращает undefined:

    constructor() {
    super();
    this.state = { data: [] };
  }

  componentDidMount() {
    fetch(BASE_URL_API + "/payments/subscriptions/")
      .then(res => res.json())
      .then(json => this.setState({ data: json }));
  }

  handleSubmit = async event => {

    event.preventDefault();

    const data = this.props;

    console.log("Token is: ", data);

  };

Answer 1

Если я правильно понимаю ваш вопрос, это должно быть const data = { this.state };, поскольку вы храните данные в состоянии.

Объект props используется для данных, которые передаются в ваш компонент, как описано здесь .

Answer 2

Должно быть const { data } = this.props; вместо const data = this.props;