Javascript 移动到下一步或返回步进材料UI时，数据未存储

移动到下一步或返回stepper Material UI时，数据未存储。 在getStepContent（）函数中，我返回不同的组件，如1、2等，所有组件都有材质表和文本字段

但当我点击next或back时，数据就消失了

请参见示例代码：

function getSteps() {
    return [
      "One",
      "Two", 
       "Three",

      
      "Additional Detail",
    ];
  }

  function getStepContent(step) {
    switch (step) {
      case 0:
      return <One />;

      case 1:
        return <Two />;

      case 2:
       return <Three />;

   
      default:
        return "No data available";
    }
  }


  const [activeStep, setActiveStep] = React.useState(0);
  const steps = getSteps();


  return (
  
      <div >
        <Grid container spacing={2}>
          <Grid item xs={12}>
            <div>
              <Paper container className={classes.header}>
                <Stepper
                  style={{
                    background: "transparent",
                    maxWidth: "2000",
                    overflow: "auto",
                  }}
                  alternativeLabel
                  activeStep={activeStep}
                  connector={<QontoConnector />}
                >
                  {steps.map((label, index) => {
                    const stepProps = {index};
                    const buttonProps = {};

                    if (isStepSkipped(index)) {
                      stepProps.completed = false;
                    }
                    return (
                      <Step key={label} {...stepProps}>
                        <StepLabel
                          onClick={handleStep(index)}
                          {...buttonProps}
                          StepIconComponent={QontoStepIcon}
                        >
                          {label}
                        </StepLabel>
                      </Step>
                    );
                  })}
                </Stepper>

函数getSteps（）{ 返回[ “一个”， “两个”， “三”， “其他细节”， ]; } 函数getStepContent（步骤）{ 开关（步骤）{ 案例0： 返回； 案例1： 返回； 案例2： 返回； 违约： 返回“无可用数据”； } } const[activeStep，setActiveStep]=React.useState（0）； const steps=getSteps（）； 返回( {steps.map（（标签，索引）=>{ const stepProps={index}； 常量按钮操作={}； 如果（已跳过（索引））{ stepProps.completed=false； } 返回( {label} ); })}

---

你能在这个示例中添加一些代码沙盒来复制你想要的吗？好的……当然mandata与material UI无关。你可能没有正确发送它。我最近也开始学习React JS，遇到了类似的问题。在你开始使用主题之前，先花些时间构建简单的组件，并尝试sendin然后，开始使用主题。直接使用为商业用途构建的主题只会让你感到困惑，而不会帮助你。你能在这个示例中添加一些代码沙盒来复制你想要的吗？对……当然，mandata与材质UI无关。你可能没有正确发送它。我最近也看到了rting learning遇到了类似的问题。在开始使用主题之前，先花些时间构建简单的组件，并尝试发送和返回数据以及上下文。然后，开始使用主题。直接使用为商业用途构建的主题只会让你感到困惑，而不会帮助你。