react编写table
时间: 2023-11-15 09:04:48 浏览: 28
可以使用React的JSX语法来编写table,以下是一个简单的示例代码:
```jsx
import React from 'react';
function Table() {
return (
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
<td>Row 1, Column 3</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
<td>Row 2, Column 3</td>
</tr>
<tr>
<td>Row 3, Column 1</td>
<td>Row 3, Column 2</td>
<td>Row 3, Column 3</td>
</tr>
</tbody>
</table>
);
}
export default Table;
```
在这个例子中,我们使用`<table>`来创建一个table,`<thead>`定义表头,`<tbody>`定义表格主体。在表头中,使用`<th>`标签来定义每一列的标题。在表格主体中,使用`<tr>`标签定义每一行,使用`<td>`标签来定义每一列的内容。最后,我们将这个组件导出,以便在其他地方使用。