JSFiddle - React, Tailwind, and code Playground

by Hernani Mattos

HTML

<div>
<span onclick="changeAction(this)" class="acaoUm">
	um
</span>
<span onclick="changeAction(this)" class="acaoDois">
	dois
</span>
<span onclick="changeAction(this)"
class="acaoTres">
	tres
</span>
</div>

Babel + JSX

const changeAction = (t) => {

const action = t.getAttribute('class')

	return acoes[action]();
}

const acoes = {
 acaoUm: () =>{
 console.log('Acão um');
 
 },
 acaoDois: () =>{
  console.log('Acão dois');
 
 },
 acaoTres: () => {
  console.log('Acão tres');
 
 }
}