const deleteRecord(id) = ()=>{
　　　 const uri = 'http://localhost:3001/items/'+id
            axios.delete(uri).then()
}

const ItemTable = () => {

        const [data, setData] = useState([])

        const createTable = () => {
                axios.get('http://localhost:3001/items')
                        .then(function (response) {
                                setData(response.data)
                        })
                        .catch(function (error) {
                                console.log(error);
                        });
        }

        // TODO: ページを更新したら実行->　dbに追加したら
        useEffect(() => {
                createTable()
        }, [])

        return (
                <Table striped celled>
                        <Table.Header>
                                <Table.Row>
                                        <Table.HeaderCell>ID</Table.HeaderCell>
                                        <Table.HeaderCell>Title</Table.HeaderCell>
                                        <Table.HeaderCell>Author</Table.HeaderCell>
                                </Table.Row>
                        </Table.Header>
                        <Table.Body>
                                {data.map(({ id, title, author }) => (
　　　　　　　　　　return
                                        <Table.Row>
                                                <Table.Cell>{id}</Table.Cell>
                                                <Table.Cell>{title}</Table.Cell>
                                                <Table.Cell>{author}</Table.Cell>
                                        </Table.Row>
                                )))}
                        </Table.Body>
                </Table>
        );
}