在反应 typescript 中，类型“字符串”不可分配给类型“从不”并且类型“未知”不可分配给类型“从不”错误

Question

我在 React Typescript 中有一个 function

const filter = (data: any) => {
    if (Array.isArray(data)) {
      const temp = data.reduce((r, v) => {
        v = filter(v);
        if (v !== "") r.push(v);
        return r;
      }, []);
      return temp.length ? temp : "";
    }
    if (data && typeof data === "object") {
      const temp = Object.entries(data).reduce((r, [k, v]) => {
        v = filter(v);
        if (v !== "") r.push([k, v]);
        return r;
      }, []);
      return temp.length ? Object.fromEntries(temp) : "";
    }
    return data;
  };

但这里符合if (v.== "") r,push([k; v]); 我收到错误Type 'string' is not assignable to type 'never'.ts(2322)和Type 'unknown' is not assignable to type 'never'.ts(2322)分别分配给k和v中的类型'从不'.ts（2322），但我没有得到解决这些问题的任何解决方案。 我是 Typescript 的新手。

Answer 1

Typescript 无法在您的 reduce 中r的正确类型，因此假定它是never[] 。 您可以通过自己指定正确的类型来解决此问题。

const filter = (data: any) => {
  if (Array.isArray(data)) {
    const temp = data.reduce((r, v) => {
      v = filter(v);
      if (v !== "") r.push(v);
      return r;
    }, []);
    return temp.length ? temp : "";
  }
  if (data && typeof data === "object") {
    const temp = Object.entries(data).reduce((r, [k, v]) => {
      v = filter(v);
      if (v !== "") r.push([k, v]);
      return r;
    }, [] as [string, unknown][]);
    return temp.length ? Object.fromEntries(temp) : "";
  }
  return data;
};