¿Por qué funciona esto?
<span onClick={()=>removeTodo(index)}>x</span>
Pero esto no funciona?
<span onClick={removeTodo(index)}>x</span>
código completo
{todo.map((item, index) => { return ( <pre className={index} key={index}> <h1 id={array}>{item}</h1> <span onClick={()=>removeTodo(index)}>x</span> </pre> ); })}
La función onClick requiere una sintaxis de función abreviada ()=>{}
, especialmente cuando llama a una función y pasa los parámetros al mismo tiempo. También se usa cuando llama a múltiples funciones dentro de onClick.
¿Cuándo usar ()=>
en onClick?
¿Cuándo no usar?