我正在制作一個使用 Material UI 組件的多步驟表單。但是當我匯入它時，它顯示錯誤。代碼是：
import React from 'react';
import { ThemeProvider } from '@mui/material/styles';
import AppBar from '@mui/material/AppBar';
import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography';
function FormUserDetails({ nextstep, values }) {
const proceed = (e) => {
e.preventDefault();
nextstep();
}
return (
<ThemeProvider>
<React.Fragment>
<AppBar position="static">
<Toolbar>
<Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
News
</Typography>
</Toolbar>
</AppBar>
</React.Fragment>
</ThemeProvider>
)
}
export default FormUserDetails現在錯誤看起來像這樣：`
型別錯誤：無法讀取未定義的屬性（讀取“100”）（匿名函式）C:/Users/edkni/Documents/projects/multi-step form/state_form/node_modules/@mui/material/AppBar/AppBar.js:40
37 | 主題,
38 | ownerState 39 | }) => { 40 | const backgroundColorDefault = theme.palette.mode === 'light' ？theme.palette.grey[100] : theme.palette.grey[900]; 41 | return _extends({ 42 | display: 'flex', 43 | flexDirection: 'column',查看編譯后的transformedStyleArg C:/Users/edkni/Documents/projects/multi-step form/state_form/node_modules/@mui/system/esm/ createStyled.js:175 172 | } = _ref2, 173 | other = _objectWithoutPropertiesLoose(_ref2, _excluded3); 174 | 175 | return styleArg(_extends({ 176 | theme: isEmpty(themeInput) ? defaultTheme : themeInput, 17) 其他））; 178 | };
我不知道這意味著什么。如果有人可以回答，那將是非常有幫助的。先感謝您。
uj5u.com熱心網友回復：
基于
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/322068.html
標籤：javascript 反应 形式 材质-ui 应用栏