該
uj5u.com熱心網友回復：
看起來你不需要像這樣撰寫自定義鉤子useStyles = (params: any) => ...，回傳的鉤子makeStyles已經接受了一個props param。
在為 MUI 組件設定樣式時，您需要檢查每個組件的 API 以定義您傳遞給的物件makeStyles，在這種情況下，日期選擇器組件是一組其他 MUI 組件，如果您轉到 API，您將看到不同的道具傳遞給每個單獨的組件。要設定輸入的樣式，您通過 InputProps 中的 useStyle 鉤子回傳的類，使用Input API中的根規則，如果您需要更具體的樣式，請應用其他規則。
const useInputStyles = makeStyles({
root: {
width: (props) => (props.width ? props.width : "auto"),
color: (props) => (props.color ? props.color : "inherit"),
verticalAlign: "middle",
fontSize: "12px",
border: "solid 2px #0070D8"
}
});
...
const inputClasses = useInputStyles()
...
<KeyboardDatePicker
...
InputProps={{ classes: inputClasses }}
/>
并為“板”設定樣式，不確定您是否指的是 popover，因為您使用了inline變體，因此您在 PopoverProps 中傳遞樣式paper，按照Popover API 中的描述定義規則中的樣式
const usePopoverStyles = makeStyles({
paper: {
backgroundColor: "green"
}
});
...
const popoverClasses = usePopoverStyles();
...
<KeyboardDatePicker
...
PopoverProps={{ classes: popoverClasses }}
/>
你可以看到它在這里作業https://codesandbox.io/s/mui-keyboarddatepicker-styles-sueqd?file=/src/App.tsx
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/327941.html
上一篇：在PandasDataframe中，如何根據列中的已知值獲取另一列的索引？
下一篇：如何在R中按日期合并/堆疊觀察