Typescript错误无法调用可能未定义的对象

Question

反应回调onClick无法调用可能是“未定义”的对象

下面是我的父组件，它处理应用程序的args <- unlist(list(...)) sum(args) 。

state

接下来是我的组件，它将状态传递回树。但是，我收到以下打字稿错误：

  

无法调用可能是“未定义”的对象。

 function App() {   
    const [bandData, setBandData] = useState<any | undefined>(undefined);
    return(
      <> 
          <Bands bands={bands} onBandClick={band => setBandData(band)} />
          <Modal bandData={bandData} />
      </>
    )
}