const expressionReg = /[\ud800\udc00-\udbff\udfff\ud800-\udfff]/gu; react.js中该正则报错 Range out of order in character class. 如何解决

这个正则表达式在 React.js 中报 "Range out of order in character class" 的错误是因为它尝试匹配 Unicode 范围内的字符，包括一些非基本范围的组合字符（如 surrogate pairs）。Unicode 分为几个区域，其中包含了成对的 surrogate 字符，用于表示超出基本 multilingual plane (BMP) 的字符。然而，在正则表达式的字符类中直接包含整个 BMP 和 supplementary planes 的范围可能会导致解析错误。

要解决这个问题，你需要将 surrogates 配对处理，并避免在单个字符类中列出所有可能的组合。这里有一个简化版本的例子：

// 使用两个字符类分别处理 BMP 和 supplementary characters
const highSurrogateStart = "\ud800";
const highSurrogateEnd = "\udbff";
const lowSurrogateStart = "\udc00";
const lowSurrogateEnd = "\udfff";

const expressionReg = new RegExp(
  `(?:[${highSurrogateStart}-${highSurrogateEnd}]?[${lowSurrogateStart}-${lowSurrogateEnd}])|` +
  `[^\ud800-\udfff]`, // 匹配除了surrogates之外的所有其他字符
  'u' // 标志告诉JavaScript这是Unicode模式
);

在这个修改后的版本中，我们创建了两个独立的字符类，分别处理高、低-surrogate-pairs，然后通过 `|` 连接它们，再加上匹配除surrogates之外任意字符的部分。确保在正则创建时带上 `'u'` 标志，这会让引擎正确地处理Unicode字符。