switch case in jsx

Jolly Jellyfish answered on September 2, 2021 Popularity 1/10 Helpfulness 1/10

answer switch case in jsx

related react switch statement inside jsx

related switch case react

related react switch case

switch case in jsx

Comment

/* Hint: Use JS IIFE (Immediately invoked function expression) in JSX */

import React from 'react';

import ListView from './ListView';
import TableView from './TableView';

function DataView({
	currView,
	data,
	onSelect,
	onChangeStatus,
	viewTodo,
	editTodo,
	deleteTodo,
}) {
	return (
		<div>
			{(function () {
				switch (currView) {
					case 'table':
						return (
							<TableView
								todos={data}
								onSelect={onSelect}
								onChangeStatus={onChangeStatus}
								viewTodo={viewTodo}
								editTodo={editTodo}
								deleteTodo={deleteTodo}
							/>
						);

					case 'list':
						return (
							<ListView
								todos={data}
								onSelect={onSelect}
								onChangeStatus={onChangeStatus}
								viewTodo={viewTodo}
								editTodo={editTodo}
								deleteTodo={deleteTodo}
							/>
						);

					default:
						break;
				}
			})()}
		</div>
	);
}

export default DataView;

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: case javascript jsx

Link to this answer
Share Copy Link

Contributed on Sep 02 2021

Jolly Jellyfish

0 Answers Avg Quality 2/10

Closely Related Answers

react switch statement inside jsx

Comment

<div>
  {{ beep: <div>Beep</div>,
     boop: <div>Boop</div>
  }[greeting] || <div>Hello world</div>}
</div>

Popularity 5/10 Helpfulness 4/10 Language typescript

Source: Grepper

Tags: jsx switch-statement typescript

Link to this answer
Share Copy Link

Contributed on Jul 27 2024

Kami

0 Answers Avg Quality 2/10

switch case react

Comment

{(() => {
    switch(...) {}
})()}

Popularity 10/10 Helpfulness 3/10 Language typescript

Source: Grepper

Tags: case

Link to this answer
Share Copy Link

Contributed on Sep 24 2021

Lucas Juan

0 Answers Avg Quality 2/10

react switch case

Comment

render () {
  return (
    <div>
      <div>
        {/* removed for brevity */}
      </div>
      {
        {
          'foo': <Foo />,
          'bar': <Bar />
        }[param]
      }
      <div>
        {/* removed for brevity */}
      </div>
    </div>
  )
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: case

Link to this answer
Share Copy Link

Contributed on Sep 17 2021

Joyous Jellyfish

0 Answers Avg Quality 2/10

switch case in jsx

Contents

More Related Answers

switch case in jsx

Closely Related Answers

react switch statement inside jsx

switch case react

react switch case

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.