получить щелкнул имя баттона

Question

У меня есть следующие кнопки с событием прилагается:

<button className="pull-right btn btn-success" onClick={this.onNextStep}>Next</button> 

OnNextStep:

onNextStep: function (e) { 
    ... 
} 

Как получить имя кнопки внутри onNextStep?

e.target.value не работает

И как я могу изменить его?

Answer 1

e.target.textContent даст вам текст кнопки

Answer 2

Вам нужно имя атрибута на этой кнопке name="next step" и вы получите его через e.target.name. Чтобы изменить его, вы можете назначить name={this.state.buttonName} и установить состояние на этом ключе, когда вам нужно (this.setState({ buttonName: "new button name" });). Если вы говорите о внутреннем HTML, как в комментарии Мэтью, имя вашей кнопки можно было бы вызывать из состояния <button>{this.state.name}</button>, и setState также может изменить это.

Answer 3

Я хотел бы предложить что-то вроде этого:

<button 
    type="button" 
    className="pull-right btn btn-success" 
    onClick={() => this.onNextStep('Next')} 
> 
    Next 
</button> 

Помните, что React в основном о записи в DOM. Вы редко читаете это. (Исключение составляют входы.)

Ваше «значение» - это просто статическая часть текста. Нет необходимости получать то, что у вас уже есть.