JSFiddle - React, Tailwind, and code Playground

by Hernani Mattos

HTML

<div>
<span onclick="changeAction(this)" data-action="acaoUm">
	um
</span>

</span>
</div>

Babel + JSX

const changeAction = (t) => {

const action = t.getAttribute('data-action')

return actions[action](t)

}

const actions = {
 acaoUm: (t) =>{
 console.log('Acão um');
 t.setAttribute('data-action', 'acaoDois')
 
 
 },
 acaoDois: (t) =>{
  console.log('Acão dois');
	 t.setAttribute('data-action', 'acaoUm')
 
 },

}