Question

我有以下按钮附带事件：

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

OnNextStep：

onNextStep: function (e) {
    ...
}

如何在onNextStep中获取按钮名称？

e.target.value无效

我该如何改变呢？

Answer 1

我会建议这样的事情：

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

请记住，React主要是写入DOM。你很少从中读到它。（例外情况是输入。）

你的价值＆＃34;只是一段静态的文字。没有必要得到你已经拥有的东西。

Answer 2

e.target.textContent会为您提供按钮的文字

Answer 3

您需要在该按钮name="next step"上使用名称属性，然后通过e.target.name获取该属性。要更改它，您可以指定name={this.state.buttonName}并在需要时设置该键的状态（this.setState({ buttonName: "new button name" });）。如果您正在谈论内部HTML，如Matthew的评论中所示，您的按钮名称可以从状态<button>{this.state.name}</button>调用，而setState也可以更改它。

获得点击按钮的名称

3 个答案: