Reactjs 如何对映射的slideGoTo项执行空检查？

我正在尝试处理一个问题，我正在使用react slick。我为图像映射了一个JSON文件，它给了我一个错误“对象可能为'null'。ts（2531）”。我必须严格打字，所以我无法摆脱它。以下是导致问题的代码部分：

const [slider, setSliderRef] = useState(null);
... // Some other coding

const settings = {
... // Some settings
   afterChange: (i: React.SetStateAction<number>) => setSliderIndex(i),
}

... // Some more coding

{images.map((image: string | undefined, index: any) => (
   <Box>
     <img src={image} alt={index} className={className} onClick={() => slider.slickGoTo(index)} />
   </Box>
))}

const[slider，setSliderRef]=useState（null）；
... // 其他一些编码
常量设置={
…//一些设置
变更后：（i:React.SetStateAction）=>setSliderIndex（i），
}
... // 更多的编码
{images.map（（图像：字符串|未定义，索引：any）=>(
slider.slickGoTo（索引）}/>
))}

对于单词slider，它在这里说：“对象可能是空的。ts（2531）”，当然它在Jenkins方面制造了麻烦

我试过一些方法，但没有成功。有什么想法吗

---

最佳

这是由

useState（null）

引起的，

滑块的默认值为null

。尝试将对象传递到滑块。例如，

useState（{slickGoTo:（索引：any）=>“”}）虽然它不能解决这个问题，但确实帮了很多忙@ŁukaszOlszewski:）我在引用中添加了一个又一个“as any”之后解决了这个问题，现在效果很好