/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

9 votes357 views2 answers
How to redirect react router from the app components
Javascript React
5 votes391 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
0 vote371 views1 answer
How to put react compnent to bottom
Javascript React
-1 vote361 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
0 vote334 views1 answer
Clear input field react-hook-form
Javascript React
0 vote363 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
0 vote379 views1 answer
What difference between react func and class components
Javascript React
14 votes357 views3 answers
Cannot resolve react-router-dom
Javascript React
0 vote378 views1 answer
React chart js 2 api data
Javascript React
0 vote354 views1 answer
Unable to resolve module `@react-native-community/toolbar-android
Javascript React