[react] array를 보여줄 때는 map() 함수를 사용하자

array.map(item)

map method 안에서 jsx를 return하면 jsx를 여러개 추가한 것처럼 동작함.

 

{postList.map((item) => {
	return (
		<tr>
			<td>{item.id}</td>
			<td onClick={() => viewsUpdate(item.id, item.views)}><Link to='/postView' state={{ id: item.id, views: item.views }}>{item.title}</Link></td>
 			<td>{item.writer}</td>
			<td>{item.views}</td>
			<td>{item.writeDate}</td>
			</tr>
	)
})}