/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

13 votes99 views4 answers
React native elevation
Javascript React
0 vote112 views1 answer
Use font awesome in react native
Javascript React
5 votes111 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
3 votes96 views2 answers
React router active link css
Javascript React
0 vote102 views1 answer
Reactjs join two array
Javascript React
0 vote107 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
0 vote115 views1 answer
React component in for loop
Javascript React
1 vote104 views2 answers
Toast in react native
Javascript React
0 vote117 views2 answers
Textarea react native
Javascript React
1 vote100 views1 answer
How to execute function without using onclick on react code example
Javascript React