react Props

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;