Discord.JS，如何使用一个不一致的按钮来允许购买各种服务器角色

npm install discord.js

const Discord = require('discord.js');
const client = new Discord.Client();

client.on('ready', () => {
  console.log(`Logged in as ${client.user.tag}!`);
});

client.login('your-token-goes-here');

client.on('messageCreate', async (message) => {
  if (message.content === '!buy') {
    const row = new Discord.MessageActionRow()
      .addComponents(
        new Discord.MessageButton()
          .setCustomId('role1')
          .setLabel('Role 1')
          .setStyle('PRIMARY'),
        new Discord.MessageButton()
          .setCustomId('role2')
          .setLabel('Role 2')
          .setStyle('PRIMARY'),
        new Discord.MessageButton()
          .setCustomId('role3')
          .setLabel('Role 3')
          .setStyle('PRIMARY')
      );

    await message.reply({ content: 'Choose a role:', components: [row] });
  }
});

client.on('interactionCreate', async (interaction) => {
  if (!interaction.isButton()) return;

  if (interaction.customId === 'role1') {
    // 处理购买Role 1的逻辑
    await interaction.reply('You have purchased Role 1!');
  } else if (interaction.customId === 'role2') {
    // 处理购买Role 2的逻辑
    await interaction.reply('You have purchased Role 2!');
  } else if (interaction.customId === 'role3') {
    // 处理购买Role 3的逻辑
    await interaction.reply('You have purchased Role 3!');
  }
});