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 vote287 views1 answer
React js Property 'Select' does not exist on type 'Form'.ts(2339) an
Javascript React
0 vote271 views1 answer
How to download json object that come from backend in react
Javascript React
1 vote288 views1 answer
Unexpected token. did you mean `{'>'}` or `>`? react
Javascript React
0 vote256 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
0 vote258 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
11 votes304 views4 answers
React native text underline
Javascript React
1 vote255 views1 answer
How to call create react app
Javascript React
1 vote288 views1 answer
How to change favicon dynamic in react js
Javascript React
2 votes254 views2 answers
Get value of Autocomplete react
Javascript React
0 vote275 views1 answer
V4 history for react action or api calls
Javascript React