如何在React Amin Create组件中添加带有步进器的材料UI表单

我的表格很长 React-Admin 应用程序。 我想将表单元素添加到stepper中。

Steppers

我想得到帮助的是

1. 如何在步进器的功能中添加组件

getStepContent()

2. 如何将所有输入组件包装到表单中

3. 函数getStepContent(stepIndex){ 开关(stepIndex){ 案例0: return'选择活动设置…'; return'什么是广告群; 案例2: return'这是我真正关心的地方!'; 违约: 返回'Uknown stepinex'; } }

   类HorizontalLabelPositionBelowStepper扩展反应组分{ 状态={ };

   handleNext=()=>{ 此设置状态(状态=>({ }));

   此设置状态(状态=>({ })); };

   手柄设置=()=>{ 此设置状态({ 活动步骤:0, });

   渲染(){ const{activeStep}=这个州;

   return (
     <div className={classes.root}>
       <Stepper activeStep={activeStep} alternativeLabel>
         {steps.map(label => {
           return (
             <Step key={label}>
             <StepLabel>{label}</StepLabel>
             </Step>
           );
         })}
       </Stepper>
       <div>
         {this.state.activeStep === steps.length ? (
           <div>
             <Typography className={classes.instructions}>All steps completed</Typography>
             <Button onClick={this.handleReset}>Reset</Button>
           </div>
         ) : (
           <div>
             <Typography className={classes.instructions}>{getStepContent(activeStep)}</Typography>
             <div>
               <Button
                 disabled={activeStep === 0}
                 onClick={this.handleBack}
                 className={classes.backButton}
               >
                 Back
               </Button>
               <Button variant="contained" color="primary" onClick={this.handleNext}>
                 {activeStep === steps.length - 1 ? 'Finish' : Next'}
               </Button>
             </div>
           </div>
        )}
       </div>
     </div>
   );
   

   } }

   水平标签位置低于wstepper.propTypes= { };

   导出默认样式(样式(horizontallLabelPositionBelowStepper);