Question

我只是用React掌握了语义UI，并一直关注着tutorial。

虽然还不错，但使用的“切换用例”会引发警告“预期为默认用例”。

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

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时调用。

使用语义UI反应多步骤表单

1 个答案: