React Wizard Interface

react-wizard.jsx

// via @wordyallen

class ModalContent extends React.Component{
  state={currentView:0}
  style=create({
    card:{
      justifyContent:'space-around',
      alignItems:'center',
      minWidth:300,
    }
  })

  nextView () => this.setState({currentView: this.state.currentView + 1})

  render (){
    const [{text}, {currentView}, {card}] = [this.props, this.state, this.style]; // Thanks @vishalgautamm
    return <Card>
      {
         currentView===0 ? <Form nextView={this.nextView}/>
        :currentView===1 ? <Confirmation nextView={this.nextView} />
        :currentView===2 ? <Result />
        :null
      }
    </Card>
  }
}