/
PostList.js
37 lines (33 loc) · 1.17 KB
/
PostList.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import React, { useState, useEffect } from 'react';
import { Link } from 'react-router-dom';
import CommonTable from '../../component/table/CommonTable';
import CommonTableColumn from '../../component/table/CommonTableColumn';
import CommonTableRow from '../../component/table/CommonTableRow';
import { postList } from '../../Data';
const PostList = props => {
const [ dataList, setDataList ] = useState([]);
useEffect(() => {
setDataList(postList);
}, [ ])
return (
<>
<CommonTable headersName={['글번호', '제목', '등록일', '조회수']}>
{
dataList ? dataList.map((item, index) => {
return (
<CommonTableRow key={index}>
<CommonTableColumn>{ item.no }</CommonTableColumn>
<CommonTableColumn>
<Link to={`/postView/${item.no}`}>{ item.title }</Link>
</CommonTableColumn>
<CommonTableColumn>{ item.createDate }</CommonTableColumn>
<CommonTableColumn>{ item.readCount }</CommonTableColumn>
</CommonTableRow>
)
}) : ''
}
</CommonTable>
</>
)
}
export default PostList;