Как изменить состояние в обработчике - PullRequest
Новая
       16

Как изменить состояние в обработчике

0 голосов
/ 06 апреля 2019

У меня есть проект React, и он использует Recompose.Допустим, у меня есть Форма, и я предоставляю «withHandler», который будет использоваться для ..

Как я также могу изменить состояние компонента React при отправке формы?

1 Ответ

0 голосов
/ 06 апреля 2019

Итак, давайте представим, что форма отправлена ​​с button, и у нас есть атрибут onClick на кнопке.

Это очень простой пример, но, надеюсь, покажет вам, как вы должны обновить состояние с помощьюonClick.Помните, что это атрибут, который можно применять к элементам HTML.Вы можете прочитать об этом атрибут onClick здесь . 

import React, { Component } from 'react';

import React from "react";
import { render } from "react-dom";
import Component from "react-component-component";

class Button extends Component {
  state = {
    counter: 0
  };

  handleButtonClick = () => {
    this.setState({
      counter: this.state.counter + 1
    });
  };

  getButton = () => {
    const { text } = this.props;

    return (
      <button
        onClick={this.handleButtonClick}
      >
        {text}
        {this.state.counter}
      </button>
    );
  };

  render() {
    return <div>{this.getButton()}</div>;
  }
}

render(
  <Button text="press me to increase counter: " />,
  document.getElementById("root")
);

Здесь можно увидеть следующее: https://codesandbox.io/s/ly11qv0vr7

Существует также очень хороший пример реакциидокументация относительно обработки событий.Вы можете прочитать о обработке событий в реакции здесь .Я полагаю, что приведенная выше ссылка предоставит вам всю информацию, необходимую для обработки отправляемой формы.

...