1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| import React, { Component } from "react"; import { PropTypes } from "prop-types";
class TodoItem extends Component { render() { const { index, deleteItem, content } = this.props; return ( <li index={index} onClick={() => deleteItem(index)}> {content} </li> ); } }
TodoItem.propType = { content: PropTypes.string, index: PropTypes.number, deleteItem: PropTypes.func, };
export default TodoItem;
|