Reactjs 如何动态生成物料界面步进器?

Reactjs 如何动态生成物料界面步进器?,reactjs,material-ui,Reactjs,Material Ui,我正在为我的项目使用MaterialUI,并且喜欢根据从API获得的列表生成Stepper组件。为了简单起见,我试图让这段代码正常工作,但得到了一个 未捕获(承诺中)错误:元素类型无效:应为 字符串(用于内置组件)或类/函数(用于复合 组件)但得到:未定义。您可能忘了导出您的 组件,该组件来自定义它的文件 有人能帮我弄清楚为什么这不起作用吗 谢谢 import React from 'react'; import MuiThemeProvider from 'material-ui/styles

我正在为我的项目使用MaterialUI,并且喜欢根据从API获得的列表生成Stepper组件。为了简单起见,我试图让这段代码正常工作,但得到了一个

未捕获(承诺中)错误:元素类型无效:应为 字符串(用于内置组件)或类/函数(用于复合 组件)但得到:未定义。您可能忘了导出您的 组件,该组件来自定义它的文件

有人能帮我弄清楚为什么这不起作用吗

谢谢

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)匹配。