reactjs - 使用语义 UI react 多步骤表单

Question

我刚刚掌握了 React 的语义 UI，并正在关注这个 tutorial .

虽然不错，但使用的“switch case”会抛出警告“预期默认情况”。

我假设这是一种更简单的方法来完成和消除警告消息？

render(){
        const {step} = this.state;
        const { firstName, lastName, email, age, city, country } = this.state;
        const values = { firstName, lastName, email, age, city, country };
        switch(step) {
        case 1:
            return <UserDetails 
                    nextStep={this.nextStep} 
                    handleChange = {this.handleChange}
                    values={values}
                    />
        case 2:
            return <PersonalDetails 
                    nextStep={this.nextStep}
                    prevStep={this.prevStep}
                    handleChange = {this.handleChange}
                    values={values}
                    />
        case 3:
            return <Confirmation 
                    nextStep={this.nextStep}
                    prevStep={this.prevStep}
                    values={values}
                    />
        case 4:
            return <Success />
        }
    }

Answer 1

就像创建案例一样添加此内容。 :

default:
            return <UserDetails 
                    nextStep={this.nextStep} 
                    handleChange = {this.handleChange}
                    values={values}
                    />

`

这是默认情况，当值不是 1、2,3 和 4 时调用。