/Javascript/React/Comment creer des switch en react js

Comment creer des switch en react js

render() {
    const project = () => {
      switch(this.projectName) {

        case "one":   return <ComponentA />;
        case "two":   return <ComponentB />;
        case "three": return <ComponentC />;
        case "four":  return <ComponentD />;

        default:      return <h1>No project match</h1>
      }
    }

    return (
      <div>{ project() }</div>
    )
  }

Source: askcodez.com

Similar codes

0 vote308 views2 answers
React router dom link same page with different param
Javascript React
0 vote315 views1 answer
React js practical tutorial
Javascript React
0 vote298 views1 answer
Reactive forms angular conditional disabling
Javascript React
2 votes308 views2 answers
How to send form data from react to express
Javascript React
2 votes290 views1 answer
How to align text inside react component
Javascript React
0 vote237 views1 answer
React native cross out letter
Javascript React
6 votes379 views3 answers
Multiple path names for a same component in react router
Javascript React
1 vote289 views2 answers
Send an email react native
Javascript React
6 votes285 views6 answers
Shadow react native generator
Javascript React
0 vote315 views1 answer
How to make your own drop down react native
Javascript React