/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

11 votes313 views3 answers
Create react tailwind app
Javascript React
-2 votes289 views1 answer
Redux template create react app
Javascript React
1 vote296 views2 answers
React select npm
Javascript React
1 vote314 views1 answer
Dynamic forms in react
Javascript React
4 votes269 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
14 votes318 views4 answers
Conditional classname prop react
Javascript React
0 vote278 views1 answer
Metro server not running react native
Javascript React
1 vote298 views3 answers
Bash: react-scripts: command not found
Javascript React
0 vote344 views2 answers
Combine p5 with react
Javascript React
0 vote291 views1 answer
Owl carousel for react
Javascript React