Switch in react

renderSwitch(param) {
  switch(param) {
    case 'foo':
      return 'bar';
    default:
      return 'foo';
  }
}

render() {
  return (
    <div>
      <div>
          // removed for brevity
      </div>
      {this.renderSwitch(param)}
      <div>
          // removed for brevity
      </div>
    </div>
  );
}

Source: stackoverflow.com

Typescript react switch case component

render() {
  return (
    <>
    {
      {
        foo: <Foo />,
        bar: <Bar />
      }[param]
    }
    </>
  )
}

Similar codes

0 vote387 views1 answer
Button react native style
Javascript React
0 vote400 views1 answer
React implicit return
Javascript React
10 votes407 views2 answers
React-native text overflow ellipsis
Javascript React
1 vote377 views3 answers
React redux how to change object value in reducer
Javascript React
-1 vote384 views1 answer
Use inline and other styles react native
Javascript React
4 votes407 views2 answers
How to use react-native-vector-icons
Javascript React
18 votes381 views6 answers
React native android build
Javascript React
0 vote420 views1 answer
Pass text to button component react
Javascript React
2 votes358 views6 answers
React font-awesome
Javascript React
0 vote384 views1 answer
Heroku buildpacks with react
Javascript React