Как изменить текст кнопки в ReactJS

Question

Как изменить текст кнопки, когда кто-то нажимает?

Код:

<Button disabled={this.state.disabled}
    type="primary"
    htmlType="submit"
    style={{
      background: '#ff9700',
      fontWeight: 'bold',
      border: 'none',
      float: 'center',
    }}
    loading={this.state.loading}
    onClick={this.enterLoading}
    value="Next"
    id="buttontext"
    onClick="changeText()"
>
    Next 
</Button>

Answer 1

Маянк правильный.

Создайте переменную с именем «текст» (или что вы выберете) и поместите ее вместо «Далее».

state = {
  text: "Next"
}

changeText = (text) => {

  this.setState({ text }); 
} 
render() {
const { text } = this.state //destucture state
return (
  <Button 
     onClick={ () => { this.changeText("newtext")}  }> {text} </Button> )...etc

Примечание: этот метод всегда будет менять текст на «newtext» при нажатии.Вы также можете передать туда переменную, чтобы сделать ее более динамичной.

Надеюсь, это поможет.

Обновление: только что увидел комментарий Mayank.Этот код по сути то, что у меня есть.Просто подсказка, вам больше не нужен конструктор, и вам больше не нужно связывать свои методы.