Codigo de TodoList en App/Index.js
<TodoList
error={error}
loading={loading}
searchedTodos={searchedTodos}
onError={() => <TodosError />}
onLoading={() => <TodosLoading />}
onEmptyTodos={() => <EmptyTodos />}
render={todo => (
<TodoItem
key={todo.text}
text={todo.text}
completed={todo.completed}
onComplete={() => completeTodo(todo.text)}
onDelete={() => deleteTodo(todo.text)}
/>
)}
/>
codigo de TodoList en TodoList/index.js
function TodoList(props) {
return (
<section className="TodoList-container">
{props.error && props.onError()}
{props.loading && props.onLoading()}
{(!props.loading && !props.searchedTodos.length) && props.onEmptyTodos()}
<ul>
{props.searchedTodos.map(props.render)}
</ul>
</section>
);
}
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?