/Javascript/React/Onclick react history map

Onclick react history map

gotoCoffee = (index) => {
    this.setState({isLoading:true, select: this.state.coffees[index]})
    setTimeout(()=>{
      this.setState({isLoading:false,redirect:true})
    },5000)
  }

  render(){
    const data = this.state.coffees;

    return (
      <div>
        <h1 className="title is-1"><font color="#C86428">Menu</font></h1>
        <hr/><br/>
        {data.map((c, index) => 
          <span key={c}>
            <div>
               {this.state.isLoading && <Brewing />}
               {this.renderCoffee()}
              <div onClick={() => this.gotoCoffee(index)} 
                  <strong><font color="#C86428">{c}</font></strong></div>
            </div>
          </span>)
        }
      </div>
    );
  }
}

Source: stackoverflow.com

Similar codes

-1 vote196 views4 answers
React cheat sheets
Javascript React
0 vote109 views1 answer
ReactNative onPress doesn't exist
Javascript React
14 votes150 views5 answers
React conditional class
Javascript React
10 votes148 views1 answer
Dimensions react native
Javascript React
16 votes146 views4 answers
Uuid react
Javascript React
2 votes157 views1 answer
Scoll to top on each route react
Javascript React
0 vote235 views1 answer
Apache react deploy "conf"
Javascript React
0 vote140 views1 answer
Simbu react1
Javascript React
1 vote156 views1 answer
Reactjs change window name
Javascript React
0 vote158 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React