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?
const DisplayTasks = ({ tasksArray, removeTask, crossOutTask }) => {
return (
<div id="orderedList">
<ol>
{tasksArray.map((task, index) => (
<li onClick={ () => crossOutTask(index) } key={index} >
{ task.crossedOut
? <strike>{task.title}</strike>
: task.title }
<button id="removeButton" onClick={ event => removeTask(event, index) } >
Remove
</button>
</li>
))}
</ol>
</div>
);
};
```