'从不'类型上不存在属性

Question

这类似于#40796374，但这是围绕类型，而我正在使用接口。

给定下面的代码：

interface Foo {
  name: string;
}

function go() {
  let instance: Foo | null = null;
  let mutator = () => {
   instance = {
     name: 'string'
   };  
  };

  mutator();

  if (instance == null) {
   console.log('Instance is null or undefined');
  } else {
   console.log(instance.name);
  }
}

我有一个错误提示“从不”类型上不存在“属性”名称。

我不明白实例怎么可能是“从不”。任何人都可以对此有所了解吗？

Answer 1

如果你将 Component 编写为 React.FC，并使用 useState()，

这样写会有帮助：

const [arr, setArr] = useState<any[]>([])

Answer 2

因为您将instance 分配给null。编译器推断它永远不会是null 以外的任何东西。所以它假定 else 块永远不应该被执行，所以 instance 在 else 块中被输入为 never。

现在，如果您不将其声明为字面值 null，并通过任何其他方式获取它（例如：let instance: Foo | null = getFoo();），您将看到 instance 在 if 块内将是 null和 Foo 在 else 块中。

从不输入文档：https://www.typescriptlang.org/docs/handbook/basic-types.html#never

编辑：

更新示例中的问题实际上是编译器的一个未解决问题。 见：

https://github.com/Microsoft/TypeScript/issues/11498 https://github.com/Microsoft/TypeScript/issues/12176

Answer 3

我遇到了同样的错误，并用括号表示法替换了点表示法以抑制它。

例如：

obj.name -> obj['name']

Answer 4

这似乎与此问题相似：False "Property does not exist on type 'never'" when changing value inside callback with strictNullChecks，作为此问题的副本（讨论）已关闭：Trade-offs in Control Flow Analysis。

这个讨论很长，如果你在那里找不到好的解决方案，你可以试试这个：

if (instance == null) {
    console.log('Instance is null or undefined');
} else {
    console.log(instance!.name); // ok now
}

Answer 5

如果您收到参数错误，请保留any 或any[] 输入类型，如下所示

getOptionLabel={(option: any) => option!.name}

 <Autocomplete
    options={tests}
    getOptionLabel={(option: any) => option!.name}
    ....
  />

Answer 6

在我自己的情况下，当我启动数组时。我用过：

selectedActors: any = [];

所以它一开始是“动态的”

Answer 7

对我来说，以下代码正在运行：

const [disc, setDisc] = useState<any[]>([]);

到目前为止，我所看到的情况如下：当您没有指定要传递给 useState() 的类型时，它会推断它是从不类型。 通过使用 any[]，您可以在请求时传递数据。

Answer 8

就我而言（我使用的是打字稿），我试图用稍后分配数据的假数据来模拟响应。我的第一次尝试是：

let response = {status: 200, data: []};

然后，在分配虚假数据时，它开始抱怨不能分配类型“never[]”。 然后我定义了如下响应并接受它..

let dataArr: MyClass[] = [];
let response = {status: 200, data: dataArr};

并分配假数据：

response.data = fakeData;

Answer 9

就我而言，这是因为我没有输入变量。

所以我创建了搜索界面

export interface Search {
  term: string;
  ...
}

我改了

searchList = [];

为此，它奏效了

searchList: Search[];

Answer 10

我遇到了问题？还有！

这件作品对我有用。

if (ref != null){
    if (ref.current != null)
        ref.current.appendChild(child);
}