避免可能未定义值

Question

在流我有可选参数很多，如：

type Props = { 
    assets?: string[] 
} 

我只访问这些的时候我肯定知道他们是不是不确定的，但是流量不断警告有关“属性不能被访问在可能未定义的价值“。

但是我知道这是肯定的定义，因为我只在定义时调用此方法。比如像这样：

class MyComponent extends React.Component { filterAssets（）{ return this.props.assets.filter（....）; } render（）{ return this.props.assets？ filterAssets（）：null } }

请参阅我已经有一个if语句。无论如何避免这个警告，没有添加真正的JavaScript逻辑只是为了隐藏这个警告？

通过真正的JS逻辑我的意思是一样的方法，我想避免：（！this.props.assets）

filterAssets（）{ 如果回报; //添加此行 return this.props.assets.filter（....）; }

Answer 1

您必须在filterAssets范围内进行改进。否则，该功能可能会不安全地从应用程序的其他地方调用。

class MyComponent extends React.Component { 
    props: { 
    assets?: string[] 
    } 

    filterAssets() { 
    return this.props.assets 
     ? this.props.assets.filter(....) : null; 
    } 

    render() { 
    return this.filterAssets(); 
    } 
} 

或者，你可以重构filterAssets采取一定类型assets属性：

class MyComponent extends React.Component { 
    props: { 
    assets?: string[] 
    } 

    filterAssets(assets: string[]) { return assets.filter(....); } 

    render() { 
    const assets = this.props.assets; 
    return assets ? this.filterAssets(assets) : null 
    } 
}