36 lines
849 B
JavaScript
36 lines
849 B
JavaScript
import React, { Component } from 'react';
|
|
import './component-styling.css'
|
|
|
|
|
|
class CityLine extends Component {
|
|
state = {
|
|
cityline:[{number : '1,3,5,6,7,3,9,10,9,34,56,78,90,123,457,89'}
|
|
|
|
]
|
|
}
|
|
render() {
|
|
return (
|
|
<div className='grid-item'>
|
|
<table className="table">
|
|
<thead>
|
|
<tr>
|
|
<th>LINE</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody className="tbody">
|
|
{this.state.cityline.map(line =>
|
|
|
|
<tr>
|
|
<td>{line.number}</td>
|
|
</tr>
|
|
)}
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default CityLine; |