/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 vote233 views1 answer
React native fade in fade out animation
Javascript React
-2 votes251 views1 answer
Redux template create react app
Javascript React
1 vote268 views2 answers
What is the purpose of the super(props) method in React
Javascript React
1 vote248 views1 answer
Firebase react router page not found on page refresh
Javascript React
0 vote269 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
0 vote242 views1 answer
React native icon onpress remove highlight onpress
Javascript React
1 vote240 views5 answers
React datepicker
Javascript React
1 vote252 views1 answer
React native textinput no keyboard
Javascript React
0 vote233 views2 answers
React display base64 image
Javascript React
1 vote274 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React