如何使用正则表达式替换转换react-mentions生成的@提及格式文本

你可以直接用正则全局匹配替换实现需求，核心逻辑是捕获@[]中的用户名，丢弃后面括号内的邮箱/ID信息即可。 #

正则规则 #

匹配模式：/@\[([^\]]+)\]\([^)]+\)/g
替换规则：@$1 #

JavaScript 代码示例 #

// 单个匹配测试
const raw1 = "@[John](john@gmail.com), how are you?";
const res1 = raw1.replace(/@\[([^\]]+)\]\([^)]+\)/g, '@$1');
console.log(res1); // 输出：@John, how are you?

// 多个匹配测试
const raw2 = "Good morning @[Doe](doe@gmail.com), @[Sam](sam@qq.com) 周末有空吗？";
const res2 = raw2.replace(/@\[([^\]]+)\]\([^)]+\)/g, '@$1');
console.log(res2); // 输出：Good morning @Doe, @Sam 周末有空吗？

正则说明 #

• g：全局匹配标识，可一次性替换文本中所有符合规则的提及内容
• \[/\]/\(/\)：转义正则中的特殊字符，匹配原文里的方括号、圆括号
• ([^\]]+)：第一个捕获组，提取方括号内的用户名内容
• [^)]+：匹配圆括号内的邮箱/ID内容，替换时直接丢弃

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