PBL Professional Projects

Projects

Frontend Creation (continued)

Go to ‘components’ directory

cd src/components

After that open your ListTodo.js 

vi ListTodo.js

in the ListTodo.js copy and paste the following code

import React from 'react';

const ListTodo = ({ todos, deleteTodo }) => {

return (
<ul>
{
todos &&
todos.length > 0 ?
(
todos.map(todo => {
return (
<li key={todo._id} onClick={() => deleteTodo(todo._id)}>{todo.action}</li>
)
})
)
:
(
<li>No todo(s) left</li>
)
}
</ul&...

						Learn More