# Babel code in React component to display tasks

I'm trying to think of ways to clean up this component in my app so it looks more readable to other devs. This is the best I came up with so far. It's not that bad, but I think it could be a lot better. What do you guys think? How would you clean this code up to make it more readable?

return (
<div id="orderedList">
<ol>
<li onClick={ () => crossOutTask(index) } key={index} >

<button id="removeButton" onClick={ event => removeTask(event, index) } >
Remove
</button>
</li>
))}
</ol>
</div>
);
};
$$`$$