#TodoList.component.js

const TodoList = ({ data }) => { const { currentTodo, todoItems } = data;

if(data.isContentLoading) return <>Loading…</>

return ( <form> <input value={currentTodo.name} /> </form> <ul> {todoItems.map(({ name, isChecked }) => ( <li> name <input type=”checkbox” value={isChecked} /> <div style="float: left"> </div> </li> ))} </ul> ); }

export default TodoList