複数のステップログインを実装する方法

Question

スラックに似たマルチステップログインを実装したいと考えています（最初にドメイン名、メールアドレス、後でパスワードを要求します）ネイティブ。

私はそれを行うためのベストプラクティスを知りたいのですが？

ReactNavigation https://github.com/react-community/react-navigationのようなルーター/ナビゲーションソリューションを使用する必要がありますか？

Answer 1

それはそれを行う方法の1つです。私はそれを行うような方法は、単一のコンポーネントです：

class LoginComponent extends React.Component { 
    constructor(props) { 
     super(props); 

     this.state = { stage: 0 }; 
    } 

    onDomainSubmit(data) { 
     this.props.getDomain(data.domain).then((domain) => { 
      this.setState({ domain, stage: 1 }); 
     }); 
    } 

    render() { 
     const { stage, domain } = this.state; 

     if (stage === 0) { 
      return <GetDomainForm onSubmit={ this.onDomainSubmit }... />; 
     } else if (stage === 1) { 
      return <LoginToDomainForm domain={ domain }... />; 
     } 
    } 
} 

getDomainreact-reduxさんconnectを経由してコンポーネントに注入されたアクションの作成者である - それは必要はありませんが。

このように頭痛が少なく、必要なものはすべて1つのコンポーネントに含まれています。