/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

-1 vote296 views3 answers
Why we import react from react
Javascript React
27 votes296 views6 answers
React usestate
Javascript React
13 votes309 views3 answers
ImageBackground in React Native
Javascript React
1 vote315 views2 answers
How to get window size in react js
Javascript React
20 votes318 views6 answers
Useeffect react example
Javascript React
0 vote302 views6 answers
State functions of react cheatsheet
Javascript React
-2 votes322 views1 answer
React spring transition animations
Javascript React
9 votes331 views3 answers
React js Uncaught RangeError: Maximum call stack size exceeded
Javascript React
1 vote325 views1 answer
Font awesome react native icons
Javascript React
1 vote327 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React