pd-todo-item.js

const TodoItem = ({ todo, onDelete, canDelete }) => {
  return (
    <div>
      <div>{todo.desc}</div>
      <div>
        <button disabled={!canDelete} onClick={() => onDelete(todo)} />
      </div>
    </div>
  );
};

TodoItem.propTypes = {
  todos: PropTypes.object,
  onDelete: PropTypes.func,
  canDelete: PropTypes.bool,
};