React中如何从Cookie值提取utmcsr字段内容并传递给API？

你可以通过解析Cookie返回的字符串，提取出utmcsr对应的值并去除括号，以下是两种可行的实现方式：

方法一：正则表达式匹配（简洁高效） #

修改Cookie获取和赋值的代码，用正则直接捕获目标值：

// 获取原始Cookie值并解析utmcsr
const rawTrafficSource = Cookies.get("initialTrafficSource") || null;
const utmcsrValue = rawTrafficSource?.match(/utmcsr=\(([^)]+)\)/)?.[1] || null;

// 赋值给initialTrafficSource
initialTrafficSource: utmcsrValue,

API映射部分保持不变：

const body = {Source: formValue.initialTrafficSource}

正则说明：/utmcsr=\(([^)]+)\)/ 会精准匹配utmcsr=(xxx)格式的内容，捕获组[1]会提取出括号内的纯文本（比如direct）。

方法二：字符串拆分解析（直观易懂） #

如果对正则不熟悉，也可以通过字符串拆分来实现：

// 获取原始Cookie值
const rawTrafficSource = Cookies.get("initialTrafficSource") || null;
let utmcsrValue = null;

if (rawTrafficSource) {
  // 按|分割各个参数项
  const paramItems = rawTrafficSource.split('|');
  // 筛选出utmcsr对应的项
  const utmcsrItem = paramItems.find(item => item.startsWith('utmcsr='));
  
  if (utmcsrItem) {
    // 去掉前缀和括号
    utmcsrValue = utmcsrItem.replace('utmcsr=', '').slice(1, -1);
  }
}

// 赋值给initialTrafficSource
initialTrafficSource: utmcsrValue,

API映射代码同样保持不变即可。

两种方法最终都会把Source字段的值设置为direct（或其他utmcsr对应的纯文本值），满足你的需求。

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