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 vote207 views1 answer
Syntax for srcset in react
Javascript React
1 vote241 views1 answer
React eslint prettier
Javascript React
0 vote213 views1 answer
React i18n with parameeter
Javascript React
0 vote218 views3 answers
React router browser refresh
Javascript React
0 vote241 views3 answers
Add webpack to react project
Javascript React
0 vote221 views1 answer
How to create module in react
Javascript React
0 vote233 views1 answer
Npm react-dom
Javascript React
0 vote211 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
127 votes670 views3 answers
Make react app
Javascript React
6 votes213 views2 answers
Reactjs .map is not a function
Javascript React