/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

2 votes182 views1 answer
Emmet react self closing tags
Javascript React
1 vote172 views1 answer
React native create view dynamically
Javascript React
4 votes156 views1 answer
Use of useNavigate from 'react-router-dom'
Javascript React
0 vote155 views1 answer
Switch tab react
Javascript React
0 vote176 views2 answers
React hook will mount
Javascript React
48 votes166 views4 answers
How to add comment in react js
Javascript React
6 votes160 views1 answer
React-native loading screen
Javascript React
9 votes165 views2 answers
How to redirect react router from the app components
Javascript React
4 votes186 views2 answers
Concurrently node react
Javascript React
0 vote128 views4 answers
React prototype function
Javascript React