reactjs - react Hook 和 typescript - 类型 '***' 上不存在属性 'never'

Question

我从很多角度遇到过这个问题，目前我的代码看起来像这样，但出现以下错误:

Property 'albums' does not exist on type 'never'

我正在使用 React Hook ，但从使用 useState 更新的 data 对象中收到错误。 data 有一个属性 albums 我不确定如何定义或在哪里定义。

import React, { useState } from 'react';

interface ArtistProps {
   artistName: string,
}


const Artist: React.SFC< ArtistProps > = ({ artistName }) => {

    const [data, setData] = useState(null);

    return (
        <>
            <p>{artistName)}</p> // this is fine
            <p>{data.albums}</p> // error here
        </>
    );
}

Answer 1

试试这个:

const [data, setData] = useState<null | {albums: any}>(null);

然后像这样使用data变量

data!.albums 

! 是为了让 typescript 知道您确定该值不是null。但更好的是明确检查 null 的值，例如数据？ data.albums : '无数据'

附言而不是 {albums: any} 添加适当的界面。