Discord.js中点击按钮修改样式问题求助：Action Row内多按钮样式修改失效

嘿，我来帮你搞定这个按钮样式修改的问题！其实你不需要费劲从Action Row的components数组里定位点击的按钮——因为当按钮触发交互时，interaction对象已经直接给你提供了被点击的那个组件实例啦！

具体步骤和代码示例： #

1. 获取被点击的按钮：使用interaction.component，这个属性就是触发当前交互的按钮对象，精准对应你点击的那一个。
2. 修改按钮样式：直接调用它的setStyle()方法，比如改成你需要的"DANGER"样式。
3. 更新消息组件：通过interaction.update()方法，把包含修改后按钮的整个Action Row数组传回去，让Discord更新显示。

完整的代码示例如下：

const { Client, MessageActionRow, MessageButton } = require('discord.js');
const client = new Client({ intents: [/* 你的必要权限意图 */] });

client.on('interactionCreate', async (interaction) => {
  // 只处理按钮交互
  if (!interaction.isButton()) return;

  // 修改被点击按钮的样式为DANGER
  interaction.component.setStyle('DANGER');

  // 更新消息的组件，这里直接用原消息的components（已经包含修改后的按钮）
  try {
    await interaction.update({
      components: interaction.message.components
    });
  } catch (error) {
    console.error('更新按钮样式时出错：', error);
  }
});

client.login('你的Bot令牌');

为什么之前的方法不好用？ #

你之前尝试通过<row>.components[index]定位按钮，不仅容易因为索引变化出错，还没法精准对应被点击的按钮。而interaction.component是Discord.js直接提供的交互源组件，完全不需要手动查找，既准确又省心。

如果你的Action Row里有多个按钮，这个方法也能完美适配——不管点击哪一个，interaction.component都会指向对应的按钮，修改后更新整个组件数组，只会改变被点击按钮的样式，其他按钮不受影响。

内容的提问来源于stack exchange，提问作者Sugger