Why does this work?
<span onClick={()=>removeTodo(index)}>x</span>
But this doesn't work?
<span onClick={removeTodo(index)}>x</span>
Full code
{todo.map((item, index) => {
return (
<pre className={index} key={index}>
<h1 id={array}>{item}</h1>
<span onClick={()=>removeTodo(index)}>x</span>
</pre>
);
})}
The onClick function requires a short hand function syntax ()=>{} especially when you are calling a function and passing the parameters at the same time. It is also used when you are calling multiple functions inside onClick.
When to Use ()=> in onClick?
When not to use?