Question

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

未捕获（在承诺中）错误：元素类型无效：预期a string（用于内置组件）或类/函数（用于复合组件）但得到：未定义。你可能忘了导出你的来自其定义的文件中的组件。

有人可以帮我弄清楚为什么这不起作用？

谢谢，

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>
        );
    }
}

如何动态生成Material UI步进器？

0 个答案: