Реагируйте на многошаговую форму, используя семантический интерфейс - PullRequest
Новая
       7

Реагируйте на многошаговую форму, используя семантический интерфейс

0 голосов
/ 24 февраля 2019

Я только что понял Semantic UI с React и следовал этому учебнику .

Хотя неплохо, использованный «случай переключения» выдает предупреждение «Ожидается по умолчанию»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 />
        }
    }

1 Ответ

0 голосов
/ 24 февраля 2019

Добавьте это так же, как вы бы создали дело.: 

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

`

Это случай по умолчанию, который вызывается, когда значение не равно ни 1, ни 2,3, ни 4.

...