如何使用 Material UI 以步进形式提交每个屏幕？

Question

我需要在用户更改屏幕时将用户信息保存在db中。

我正在使用 React 和 Material UI 步进器。

Answer 1

您可以使用 onClick 函数调用 API 端点，当用户单击其中一个步骤时，该端点会为您保存数据库，如下所示：

class ExampleComponent extends React.Component {
  handleStepperClick = () => {
    //Handle your API call here
  }

  render() {
    const steps = ["Step A", "Step B", "Step C"];

    return (
      <Stepper nonLinear >
        {steps.map((label, index) => (
          <Step key={index}>
            <StepButton onClick={this.handleStepperClick}>
              <StepLabel>{label}</StepLabel>
            </StepButton >
          </Step>
        ))}
      </Stepper>
    );
  }
}

如何使用 Material UI 以步进形式提交每个屏幕？

How can I submit each screen in a stepper form with Material UI?

reactjs

material-ui

uistepper