javascript - 如何识别在 react 中点击了哪个按钮？

Question

我有两个执行相同功能的按钮，该功能需要评估后退或前进，如下图所示

在下面的代码中，我想根据触摸哪个按钮来评估要执行的函数 next() 或 prev()，这是内置于 react 中的

const onFinish = (values) => {

if (values.users) {
  const Operator = values.users.map((item) => ({
    ruleAttributeName: item.ruleAttributeName,

    isoAttributeId: item.isoAttributeId,

    ruleOperationId: item.ruleOperationId,

    mandatoryValue: item.mandatoryValue,
  }));
  setAttributes(Operator);
}
if (values.users) {
  const attributesSave = values.users.map((item) => ({
    ruleAttributeName: item.ruleAttributeName,
    isoAttributeEntity: {
      isoAttributeId: item.isoAttributeId,
    },
    ruleOperationEntity: {
      ruleOperationId: item.ruleOperationId,
    },
    mandatoryValue: item.mandatoryValue,
  }));
  console.log('mandatory';
  setAttributesSave(attributesSave);
  setMandatoryValue();
  next();
  prev();
   };

在这种形式下，我通过参数传递函数

<Form
  name='dynamic_form_nest_item'
  onFinish={onFinish}
  autoComplete='off'
>

Answer 1

您可以像这样为两个按钮分配唯一的 Id 来识别它们

<button onClick={onFinish} Id={'1'}>Next</button>
<button onClick={onFinish} Id={'2'}>Next</button>

然后在您的监听器中检查点击了哪个按钮的 ID。

const onFinish = (event) => {
  Let id = event.target.id;
  if(id=== "1") {
    // Do for one
  } else {
    // For second
  }
}