使用 React 和 TypeScript 的多选过滤器实现指南

多项选择过滤器 WebApp 的安装指南:本项目展示了一个使用 ReactTypeScript 的多重选择过滤器组件的安装过程。该组件基于弹出式设计,且项目的基础已被有意弹出,避免了原始设置的约束。通过重接线的方式(不弹出覆盖 Create-React-App 的 Webpack 配置)无法完全兼容 TypeScript,因此,本项目决定直接对配置进行更改,优化多选功能。:rocket:

快速开始

  1. 克隆仓库到本地。
  2. 在终端中导航至该仓库,运行以下命令: bash yarn && yarn start 这将安装依赖项并以开发模式运行应用程序。
  3. 打开浏览器访问 localhost:3000 以查看。

项目脚本

  • yarn start:通过热重载启动开发服务器(运行在 localhost:3000)。
  • yarn build:生成应用的正式构建版本。
  • yarn lint:检查并优化代码。
  • yarn lint:ts:检测并标记 TypeScript 错误。
  • yarn lint:css:检查样式化组件中的 CSS 错误。

项目安装完毕后,用户可通过多选过滤器轻松筛选数据,为应用开发提供了更强的组件交互体验。

zip
search-items-master.zip 预估大小:62个文件
folder
search-items-master 文件夹
file
.travis.yml 363B
file
.babelrc 147B
folder
config 文件夹
file
webpackDevServer.config.js 5KB
file
webpack.config.js 26KB
folder
jest 文件夹
file
cssTransform.js 297B
file
fileTransform.js 735B
file
testSetup.js 652B
file
env.js 4KB
file
dependencies.js 259B
file
paths.js 3KB
file
package.json 5KB
file
tslint.json 499B
file
PULL_REQUEST_TEMPLATE.md 327B
file
.prettierrc 186B
file
.prettierignore 7B
file
LICENSE 1KB
file
.env 16B
folder
src 文件夹
folder
constants 文件夹
file
routes.ts 521B
folder
assets 文件夹
file
multi-select-filter.jpg 42KB
file
react-app-env.d.ts 617B
file
index.test.ts 782B
file
globals.d.ts 211B
file
index.tsx 534B
folder
components 文件夹
file
MultiSelectFilter.tsx 4KB
folder
pageTypes 文件夹
folder
__snapshots__ 文件夹
file
Home.test.tsx.snap 436B
file
Home.tsx 2KB
file
Home.test.tsx 1KB
folder
shared 文件夹
file
checkbox.tsx 1KB
folder
__snapshots__ 文件夹
file
checkbox.test.tsx.snap 316B
file
checkbox.test.tsx 336B
folder
icons 文件夹
file
Search.tsx 384B
file
Search.test.tsx 276B
folder
__snapshots__ 文件夹
file
Search.test.tsx.snap 393B
file
Header.tsx 515B
file
MultiSelectFilter.test.tsx 348B
folder
__snapshots__ 文件夹
file
MultiSelectFilter.test.tsx.snap 1KB
file
Header.test.tsx 466B
file
App.tsx 769B
folder
styles 文件夹
file
textStyles.test.ts 276B
file
colors.test.ts 569B
file
mediaQueries.test.ts 1KB
file
fonts.test.ts 670B
file
index.test.ts 383B
file
fonts.ts 403B
file
colors.ts 211B
file
textStyles.ts 625B
file
mediaQueries.ts 2KB
file
index.ts 620B
file
App.test.tsx 2KB
file
tsconfig.json 494B
file
.gitignore 337B
folder
public 文件夹
file
items.json 9KB
file
manifest.json 322B
file
index.html 2KB
file
favicon.ico 4KB
file
README.md 5KB
file
yarn.lock 502KB
file
.stylelintrc 10KB
folder
scripts 文件夹
file
test.js 653B
file
build.js 6KB
file
start.js 4KB
file
.editorconfig 214B
...
zip 文件大小:271.27KB