Reactjs 如何动态生成物料界面步进器?
我正在为我的项目使用MaterialUI,并且喜欢根据从API获得的列表生成Stepper组件。为了简单起见,我试图让这段代码正常工作,但得到了一个 未捕获(承诺中)错误:元素类型无效:应为 字符串(用于内置组件)或类/函数(用于复合 组件)但得到:未定义。您可能忘了导出您的 组件,该组件来自定义它的文件 有人能帮我弄清楚为什么这不起作用吗 谢谢Reactjs 如何动态生成物料界面步进器?,reactjs,material-ui,Reactjs,Material Ui,我正在为我的项目使用MaterialUI,并且喜欢根据从API获得的列表生成Stepper组件。为了简单起见,我试图让这段代码正常工作,但得到了一个 未捕获(承诺中)错误:元素类型无效:应为 字符串(用于内置组件)或类/函数(用于复合 组件)但得到:未定义。您可能忘了导出您的 组件,该组件来自定义它的文件 有人能帮我弄清楚为什么这不起作用吗 谢谢 import React from 'react'; import MuiThemeProvider from 'material-ui/styles
import React from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import { Step, Stepper, StepLabel } from 'material-ui/Stepper';
function getTestStepper() {
var stepperLabels = ["test1", "test2", "test3"];
var steps = [];
for (var i = 0; i < stepperLabels.length; i++) {
var id = stepperLabels[i] + "_" + i;
var label = stepperLabels[i];
var step = (
<Step key={id}>
<StepLabel> {label} </StepLabel>
</Step>
)
steps.push(step);
}
return (<Stepper activeStep={0}> {steps} </Stepper>)
}
export default class StepperTest extends React.Component {
render() {
return (
<MuiThemeProvider>
<div>{getTestStepper()}</div>
</MuiThemeProvider>
);
}
}
从“React”导入React;
从“材质ui/styles/MuiThemeProvider”导入MuiThemeProvider;
从“物料ui/Stepper”导入{Step,Stepper,StepLabel};
函数getTestStepper(){
var stepperLabels=[“test1”、“test2”、“test3”];
var步骤=[];
对于(变量i=0;i
错误发生在哪一行?一切看起来都是正确的。您确定在本地安装了材质ui
软件包吗?ChaseDeAnda:我使用npm安装了材质ui,如果我将
更改为例如
(以及
使用
),这将非常有效,当我使用步进器组件时,会发生错误…请确保您的本地副本与材质ui的最新版本(0.18.3)匹配。