JSFiddle - React, Tailwind, and code Playground

by mrmartineau

Babel + JSX

var fish = [
	'american_crayfish',
	'barreleye',
	'batfish',
	'battered_cod',
	'betta_splendens',
	'bonnethead',
	'cichlids',
	'cleaner_shrimp',
	'cocoa_damselfish',
	'coelocanth',
	'cookiecutter',
	'cuttlefish',
	'damselfish',
	'dragon_wrasse',
	'electrophorus',
	'elephant_seal',
	'elvers',
	'fanfin_seadevil',
	'fish_fingers',
	'french_angel_fish',
	'hammerhead',
	'harlequin_shrimp',
	'hawksbill_turtle',
	'megalodon',
	'minnow',
	'neon_tetra',
	'oarfish',
	'painted_lobster',
	'prawn_cocktail',
	'psychedelic_frogfish',
	'robocod',
	'salmon_shark',
	'sand_eel',
	'sea_lion',
	'shortfin_mako_shark',
	'slipper_lobster',
	'sockeye_salmon',
	'spanish_hogfish',
	'spinner_dolphin',
	'stauroteuthis',
	'stingray',
	'sunstar',
	'symphysodon',
	'torquigener',
];

var chooseFish = (fish) => {
  console.log('chooseFish', fish);
  fetch('https://fishshop.attest.tech/compatibility', {
		method: 'post',
    headers: new Headers({
			'Content-Type': 'application/json'
    }),
		body: JSON.stringify(fish)
	}).then(function(response) {
		console.log(response);
	}).catch(function(err) {
		// Error :(
		console.error(err);
	})
}

chooseFish([
  fish[4],
  fish[10]
]);