我正在使用 context.provider usecontext reacthook 來顯示一個對話框。我把這個設(shè)置在MainComponent周圍。對于 context.provider 的值屬性，我獲取錯誤類型 {setDialogOpen（Open： boolean） => void} 不可分配給布爾類型。我想做什么？我想在用戶單擊主頁或書籍組件中的按鈕時顯示對話框。單擊對話框中的隱藏按鈕，對話框不應(yīng)打開。下面是我的代碼，function MainComponent() {    const DialogContext = React.createContext(false);    let [showDialog, setShowDialog] = React.useState(false);    return (        <DialogContext.Provider value={{             setDialogOpen: (open: boolean) => setShowDialog(open)}}>//get error            {showDialog && <Dialog DialogContext={DialogContext}/>            <Route                 path="/items">                <Home DialogContext={DialogContext}/>            </Route>            <Route                path="/id/item_id">                <Books DialogContext={DialogContext}/>            </Route>        </DialogContext.Provider>    )}function Home({DialogContext} : Props) {    const dialogContext= React.useContext(DialogContext);    const handleClick = (dialogContext: any) {        dialogContext.setDialogOpen(true);    }    return (         <button onClick={handleClick(dialogContext)}>button1</button>    )}function Books({DialogContext} : Props) {    const dialogContext= React.useContext(DialogContext);    const handleClick = (dialogContext: any) {        dialogContext.setDialogOpen(true);    }    return (         <button onClick={handleClick(dialogContext)}>button2</button>    )}function Dialog({DialogContext}: Props) {    return(        <div>            //sometext            <button> hide</button>        </div>    ) }我嘗試了如下方法，return (    <DialogContext.Provider value={{         setShowDialog(open)}}>//still get a error            {showDialog && <Dialog DialogContext={DialogContext}/>)有人可以幫我解決這個問題，或者提供更好的方法來顯示使用usecontext hook單擊主頁和書籍組件中的按鈕的對話框。謝謝。