首页
前端开发
Typescript
React Semantic UI 可排序表格示例

React Semantic UI 可排序表格示例

19 次浏览 0 条评论
zip
zip

本示例展示了如何在 React Semantic UI 中创建可排序表格。

先决条件

  • Node.js 运行时环境 10.16.0

快速开始

  1. 安装依赖项：
npm ci
  1. 启动 JSON 服务器，端口 4000：
npm run start:server
  1. 启动客户端，热重载，端口 3000：
npm run start

可用脚本

要查看所有可用自定义脚本，请运行：

npm run

客户端：创建 React App

此 React 设置通过 Create React App 引导。它在本地服务 public/index.html，并创建一个以 src/index.jsx 作为条目的捆绑包。它在本地端口 3000 上运行，可以通过 npm run start 访问。

zip
React-Semantic-UI-Sortable-Table-Example-master.zip 预估大小：45个文件
folder
React-Semantic-UI-Sortable-Table-Example-master 文件夹
file
Dockerfile 284B
file
.gitignore 96B
file
tsconfig.json 494B
file
README.md 4KB
file
.nvmrc 12B
folder
.github 文件夹
folder
workflows 文件夹
file
pull-request.yml 745B
file
main.yml 1KB
folder
public 文件夹
file
manifest.json 540B
file
logo192.png 5KB
file
logo512.png 9KB
file
index.html 705B
file
favicon.ico 3KB
file
LICENSE 1KB
file
.dockerignore 91B
folder
server 文件夹
file
server.js 649B
file
vehicles.json 200KB
file
.gitattributes 65B
file
now.json 348B
file
package.json 2KB
folder
src 文件夹
folder
components 文件夹
file
VehiclePageSizeSelect.tsx 1KB
file
VehicleList.tsx 2KB
file
VehicleRow.spec.tsx 2KB
file
VehicleTableHeader.tsx 2KB
file
VehicleList.spec.tsx 4KB
file
VehicleTableHeader.spec.tsx 1KB
file
VehiclePageSizeSelect.spec.tsx 973B
folder
__snapshots__ 文件夹
file
VehicleFilter.spec.tsx.snap 667B
file
VehicleFilter.spec.tsx 2KB
file
VehicleTable.tsx 2KB
file
VehicleRow.tsx 906B
file
VehicleFilter.tsx 2KB
file
VehicleTable.spec.tsx 2KB
file
index.tsx 202B
folder
utils 文件夹
file
reactQueryTestWrapper.tsx 285B
file
App.tsx 1KB
file
react-app-env.d.ts 40B
folder
mockData 文件夹
file
vehicles.mock.tsx 269B
folder
interfaces 文件夹
file
vehicles.tsx 434B
file
setupTests.js 50B
folder
hooks 文件夹
file
useVehicles.spec.tsx 3KB
file
useVehicles.tsx 2KB
file
useAddFavorite.tsx 390B
file
useAddFavorite.spec.tsx 1KB
file
renovate.json 111B
file
package-lock.json 749KB
zip 文件大小：234.48KB