用于构建复杂过滤条件的 React UI 组件-源码
React Filter Control 用于构建复合过滤条件的 React 组件 Demo (JS) |
演示 (TS) 连同数据表概述安装 npm npm install react-filter-control yarn yarn add react-filter-control 用法基本示例 import React from "react";
从“react-dom”导入 ReactDOM；
从“React过滤器控制”导入过滤器控制；
从“./data.js”导入 { fields, filterValue };
const handleFilterValueChange = filterValue => { // ... };
const App = () => { 返回 (
);
};
ReactDOM.render(
, document.querySelector("#root"));
CodeSandbox API FilterControl 属性名称类型描述字段数组中的打开示例。
字段设置 filterValue FilterValue filterValue 设
文件下载
资源详情
[{"title":"（ 54 个子文件 51KB ） 用于构建复杂过滤条件的 React UI 组件-源码","children":[{"title":"react-filter-control-master","children":[{"title":"interfaces.d.ts <span style='color:#111;'> 897B </span>","children":null,"spread":false},{"title":"rollup.config.js <span style='color:#111;'> 764B </span>","children":null,"spread":false},{"title":".github","children":[{"title":"ISSUE_TEMPLATE","children":[{"title":"bug_report.md <span style='color:#111;'> 834B </span>","children":null,"spread":false},{"title":"feature_request.md <span style='color:#111;'> 595B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"public","children":[{"title":"manifest.json <span style='color:#111;'> 306B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 1.55KB </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 3.78KB </span>","children":null,"spread":false}],"spread":true},{"title":".eslintrc.js <span style='color:#111;'> 444B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"utils","children":[{"title":"deepCopy.js <span style='color:#111;'> 76B </span>","children":null,"spread":false}],"spread":true},{"title":"context.js <span style='color:#111;'> 2.64KB </span>","children":null,"spread":false},{"title":"components","children":[{"title":"FilterControl","children":[{"title":"FilterControl.js <span style='color:#111;'> 2.62KB </span>","children":null,"spread":false},{"title":"FilterControl.test.js <span style='color:#111;'> 561B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 43B </span>","children":null,"spread":false}],"spread":true},{"title":"Condition","children":[{"title":"Condition.js <span style='color:#111;'> 2.62KB </span>","children":null,"spread":false},{"title":"Condition.test.js <span style='color:#111;'> 2.05KB </span>","children":null,"spread":false},{"title":"Condition.css <span style='color:#111;'> 79B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 39B </span>","children":null,"spread":false}],"spread":true},{"title":"DropDownMenu","children":[{"title":"DropDownMenu.test.js <span style='color:#111;'> 1.29KB </span>","children":null,"spread":false},{"title":"DropDownMenu.js <span style='color:#111;'> 2.38KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 42B </span>","children":null,"spread":false}],"spread":true},{"title":"ContextMenu","children":[{"title":"ContextMenu.js <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false},{"title":"ContextMenu.css <span style='color:#111;'> 88B </span>","children":null,"spread":false},{"title":"ContextMenu.test.js <span style='color:#111;'> 2.00KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 41B </span>","children":null,"spread":false}],"spread":true},{"title":"Button","children":[{"title":"Button.js <span style='color:#111;'> 359B </span>","children":null,"spread":false},{"title":"__snapshots__","children":[{"title":"Button.test.js.snap <span style='color:#111;'> 142B </span>","children":null,"spread":false}],"spread":false},{"title":"index.js <span style='color:#111;'> 36B </span>","children":null,"spread":false},{"title":"Button.test.js <span style='color:#111;'> 807B </span>","children":null,"spread":false}],"spread":false},{"title":"FilterGroupSettingsRow","children":[{"title":"FilterGroupSettingsRow.js <span style='color:#111;'> 3.02KB </span>","children":null,"spread":false},{"title":"FilterGroupSettingsRow.css <span style='color:#111;'> 0B </span>","children":null,"spread":false},{"title":"FilterGroupSettingsRow.test.js <span style='color:#111;'> 2.32KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 52B </span>","children":null,"spread":false}],"spread":false},{"title":"FilterGroup","children":[{"title":"FilterGroup.css <span style='color:#111;'> 181B </span>","children":null,"spread":false},{"title":"FilterGroup.test.js <span style='color:#111;'> 2.14KB </span>","children":null,"spread":false},{"title":"FilterGroup.js <span style='color:#111;'> 2.50KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 41B </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":"demo","children":[{"title":"data.js <span style='color:#111;'> 945B </span>","children":null,"spread":false},{"title":"demo.js <span style='color:#111;'> 1010B </span>","children":null,"spread":false}],"spread":true},{"title":"controls.css <span style='color:#111;'> 1.37KB </span>","children":null,"spread":false},{"title":"filterControl.js <span style='color:#111;'> 80B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 180B </span>","children":null,"spread":false}],"spread":true},{"title":".babelrc <span style='color:#111;'> 494B </span>","children":null,"spread":false},{"title":".vscode","children":[{"title":"launch.json <span style='color:#111;'> 1.28KB </span>","children":null,"spread":false}],"spread":true},{"title":".npmignore <span style='color:#111;'> 192B </span>","children":null,"spread":false},{"title":"CONTRIBUTING.md <span style='color:#111;'> 444B </span>","children":null,"spread":false},{"title":".travis.yml <span style='color:#111;'> 229B </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":"jest.config.js <span style='color:#111;'> 501B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 3.68KB </span>","children":null,"spread":false},{"title":"index.d.ts <span style='color:#111;'> 196B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 346B </span>","children":null,"spread":false},{"title":".eslintignore <span style='color:#111;'> 34B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 2.26KB </span>","children":null,"spread":false},{"title":"static","children":[{"title":"filter-control.png <span style='color:#111;'> 17.37KB </span>","children":null,"spread":false}],"spread":false}],"spread":false}],"spread":true}]
评论信息
其他资源
- IEEE488.2标准协议
- 数字信号处理-时域离散随机信号处理(丁玉美) 课件和答案
- Struts2+jdbc+mysql 实现简单的增删改查(源码+jar包)
- 平行束和扇束CT重建算法
- 微软 (Microsoft1)技术面试题库 - 力扣（LeetCode）.mhtml
- 国科大-机器人学-两年的期末试题
- MATLAB编程实例100例
- C# ReportViewer报表 自定义使用Mysql数据库
- 2048游戏源码（Pygame仿真带移动动画）
- 部编语文三上PPT课件 03 不懂就要问2.pptx
- blac753.github.io-源码
- An adaptively spatial color gamut mapping algorithm
- activiti7.rar
- torchvision-0.8.0a0+45f960c-cp37-cp37m-linux_mips64.whl
- kubernetes实战指南源码.zip
- 很好用的java学习软件
- 学生评语管理系统（增强版）
- httpwatch 10.0.62 支持ie11/win10
- linux下缓冲区溢出攻击源代码
- VC++开发的斗地主的网络游戏（源码）
- C#开发的超市收银系统
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明