“Caixa de mudança em JSX” Respostas de código

Mudar no 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>
  );
}
Grumpy Grasshopper

Caixa de mudança em JSX

/* 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;
Jolly Jellyfish

Respostas semelhantes a “Caixa de mudança em JSX”

Perguntas semelhantes a “Caixa de mudança em JSX”

Mais respostas relacionadas para “Caixa de mudança em JSX” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código