當我嘗試運行下面的代碼時，我遇到了上面的錯誤......在使用 Material-UI 代碼作業正常之前......我需要彩色單選按鈕，所以我將 Material-UI 添加到我的專案中。在終端中它編譯成功但無法在瀏覽器中運行。任何型別的幫助將不勝感激
import Radio from '@mui/material/Radio';
const GeneralComponent = () => {
const [selectedValue, setSelectedValue] = React.useState('a');
const handleChange = (event) => {
setSelectedValue(event.target.value);
};
const controlProps = (item) => ({
checked: selectedValue === item,
onChange: handleChange,
value: item,
name: 'color-radio-button-demo',
inputProps: { 'aria-label': item },
});
return(
<Radio {...controlProps('a')} color="success" />
<Radio {...controlProps('b')} color="yellow" />
<Radio {...controlProps('c')} color="red" />
<Radio {...controlProps('d')} color="default" />
<Radio
{...controlProps('e')}
sx={{
color: pink[800],
'&.Mui-checked': {
color: pink[600],
},
}}
/>
);
}
uj5u.com熱心網友回復：
但是我自己解決了，我們也可以傳遞無效的（任何顏色）顏色......但不能直接通過下面的方式
{...controlProps('e')}
sx={{
color: anycolor[800],
'&.Mui-checked': {
color: anycolor[600],
},
}}
通過這種方式
uj5u.com熱心網友回復：
'red'，'yellow'或者'default'是無效color的值Radio。prop 默認只能接受以下值：
'默認' | '主要' | '次要' | '錯誤' | '資訊' | '成功' | '警告' | 細繩
如需參考，請參閱此處的RadioAPI 。如果要擴展顏色，請參閱此答案，它適用于所有帶有prop 的MUI 組件。color
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/330681.html