React PDF查看器 一个用于查看PDF文档的React组件。 它是用TypeScript编写的，并且完全由React挂钩提供支持。 import { Viewer } from '@react-pdf-viewer/core' ; // Import styles import '@react-pdf-viewer/core/lib/styles/index.css' ; < Viewer fileUrl = '/path/to/document.pdf'> 产品特点 基本特征 支持密码保护的文件 缩放：支持自定义级别，例如实际大小，页面适合度和页面宽度 页面间导航 可以

react-pdf-js react-pdf-js提供了使用呈现PDF文档的组件。 演示版 用法 使用yarn add @mikecousins/react-pdf安装yarn add @mikecousins/react-pdf或npm install @mikecousins/react-pdf usePdf挂钩 使用应用程序中的钩子（还显示一些基本的分页）： import React , { useState , useRef } from 'react' ; import { usePdf } from '@mikecousins/react-pdf' ; const MyPdfV

:hot_beverage: react-pdf-highlighter react-pdf-highlighter是一个库，可为Web上的PDF文档提供批注体验。 它建立在Mozilla的PDF.js之上。 支持文本和矩形突出显示。 高光数据格式独立于视口，使其适合保存在服务器上。 示例（创建React App） 有关在线示例，请查看 。 要在本地运行示例应用程序： npm install npm start 在撰写文档时，请随时检查带有Flow类型签名的注释源。 安装 npm install react-pdf-highlighter 有关React组件API的示例，请参见 现有技术 和仅提供PDF.js的React包装器，没有内置的注释功能。 不提供文本突出显示框。 PDF.js仅提供查看器： 也可以看看： https://github.com/wojtekmaj/react-pd

虚拟React vue-react是Vue.js的插件，它使您可以像使用Vue组件一样使用React组件。 安装 npm npm install vue-react --save 如果尚未安装，请安装react和react-dom软件包。 还安装babel插件。 npm install react react-dom babel-plugin-transform-react-jsx --save 将插件添加到您的.babelrc文件中： { " plugins " : [ " transform-react-jsx " ] } 用法 首先，导入并安装插件： import Vue

块状React 嵌入了可视化编程编辑器的React组件。 这是的项目的延续。 除了其他现代化功能外，该新版本还利用了Google的官方Blockly npm软件包。 特征： 支持xmlDidChange因此其他组件可以轻松使用编辑器生成的XML 从工具箱toolboxCategories或工具箱toolboxBlocks道具生成工具箱XML，并在更新时自动通知Blockly 用法示例 制作了一个示例React应用程序，展示了如何设置React-blockly以及如何在其中使用自定义块： : 非常感谢Fernando！ 把招工广告！ 当我在PatientLikeMe，Inc.工作时，我为内部工具编写了React式的代码。我不再维护该工具，甚至无法再使用它。 我也没有任何实际使用React-blockly的项目。 我很乐意为该软件包找到实际使用它的维护人员。 特别是，我希望

react-tradingview-widget React组件，用于呈现 。 安装 yarn add react-tradingview-widget或npm install --save react-tradingview-widget 用法 基本例子 import TradingViewWidget from 'react-tradingview-widget' ; const App = ( ) => ( < TradingViewWidget xss=removed> ) ; 所有给定的道具都传递给小部件配置。 请参阅以获取TradingView Advanced实时图表API。 进阶范例 import TradingViewWidget , { Themes } from 'react-tradingview-widget' ; const App = ( ) => ( < TradingViewWidget symbol = "NASDAQ:AAPL" theme = { Themes . DARK } lo

水印增强器 以更优雅的方式将水印添加到您的React组件中。 移步 1.安装 npm i watermark-enhancer -d 2.使用 import EnhancerWaterMark from 'watermark-enhancer' export default EnhancerWaterMark({ width: '100', height: '80', rotate: '17', content: 'test', asyncContent: renderEffectContent, }, { content: 'watermark loading...', color: 'black', background: 'white' })(WrappedComponent) 3.注意 参数说明EnhancerWaterMark( waterma

一组React组件设计用于处理全局事件 (interval 、键盘、触摸、鼠标等)

这个项目是通过和引导的 React反馈弹出窗口 React-Feedback-Popup是一个快速，高度可定制的组件，可以获取用户反馈。 折叠的反馈弹出窗口： 扩展的反馈弹出窗口： 现场演示 特征 获取用户名，电子邮件，等级。 用户可以确定位置（左或右） 用户可以确定标题，正文和按钮文本以及星级的数量。 表单验证（姓名，电子邮件，反馈和评分为必填项） 为什么 我需要一个“反馈部件”为我的。 因为我找不到满足我要求的产品（而且我通常喜欢重新发明轮子），所以我想到了这一点。 演示版 安装 使用组件的首选方法是通过NPM npm install --save react-feedback-popup 用法 这是在虚拟的Create-React-App页面上创建自定义弹出窗口的示例实现。 import React from 'react' ; import logo from './

react-color-extractor是一个从图像中提取颜色的React组件