/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 vote298 views1 answer
Column width table react
Javascript React
0 vote323 views1 answer
Scrollbar automatically scroll down as new divs are added reactjs
Javascript React
3 votes294 views3 answers
Chart js react
Javascript React
1 vote313 views1 answer
Add a text on last object map reactjs
Javascript React
2 votes298 views1 answer
Lifecycles if reactjs
Javascript React
1 vote295 views1 answer
Lazy loading pagination react npm
Javascript React
0 vote300 views1 answer
Reactjs npm take photo
Javascript React
0 vote315 views1 answer
React function called last state
Javascript React
0 vote284 views1 answer
Added font to react native
Javascript React
0 vote293 views2 answers
Create a reactjs app with backend and docker
Javascript React