/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

0 vote185 views1 answer
Active link color different in react js
Javascript React
0 vote177 views2 answers
Toggle classname onclick react
Javascript React
1 vote208 views4 answers
React router go rprevious page
Javascript React
0 vote197 views1 answer
React Movies
Javascript React
11 votes201 views2 answers
React must be in scope when using jsx
Javascript React
0 vote188 views1 answer
Find 401 error and logout axios in react
Javascript React
29 votes181 views6 answers
React background image
Javascript React
11 votes223 views3 answers
React app and tailwind
Javascript React
0 vote206 views1 answer
Remove duplicate value from map react js
Javascript React
0 vote197 views1 answer
React hooks, react custom hooks
Javascript React