react-mathjax-预览
react-mathjax-preview提供了一个React组件来呈现MathML，TeX或ASCIImath公式。 参见。
安装
安装react-mathjax-preview作为依赖项：
yarn add react-mathjax-preview
用法
导入程序包，并用一些包含您的形式的文本填充math属性。 用$或$$包裹TeX，用`包裹ASCIImath。 按原样粘贴MathML。
import React , { Component } from 'react'
import { render } from 'react-dom'
import MathJax from 'react-mathjax-preview'
const asciimath = '`sum_(i=1)^n i^3=((n(n+1))/2)^2`' # Becau
2021-10-23 15:07:31
131KB
1
react-mathjax
React组件以显示数学公式。
安装
$ npm i react-mathjax --save
用法
const MathJax = require ( 'react-mathjax' )
const tex = `f(x) = \\int_{-\\infty}^\\infty
\\hat f(\\xi)\\,e^{2 \\pi i \\xi x}
\\,d\\xi`
module . exports = ( ) => {
return (
2021-10-10 10:39:21
60KB
1
用于React组件包装器
例子
位于src/examples/
在此使用以下示例
可编辑的数学字段
import React , { useState } from 'react'
import { addStyles , EditableMathField } from 'react-mathquill'
// inserts the required css to the <head> block.
// you can skip this, if you want to do that by yourself.
addStyles ( )
const EditableMathExample = ( ) => {
const [ latex , setLatex ] = useState ( '\\frac{1}{\\sqrt{2}}\\cdot 2' )
return (
< EditableMathField
latex = { latex }
onChange = { ( mathField ) =
2021-10-09 11:42:46
100KB
1
React窗口
React组件可有效呈现大型列表和表格数据
只呈现一个大的数据集（刚够填充视口）的一部分React窗口工程。 这有助于解决一些常见的性能瓶颈：
它减少了呈现初始视图和处理更新所需的工作量（和时间）。
通过避免DOM节点的过度分配，它减少了内存占用。
安装
# Yarn
yarn add react-window
# NPM
npm install --save react-window
用法
在了解更多：
相关图书馆
：HOC，可以增长以适应所有可用空间，并将宽度和高度值传递给其子级。
：帮助将大数据集分解为大块，当它们滚动到视图中时可以及时加载。 它也可以用于创建无限加载列表（例如Facebook或Twitter）。
：轻巧灵活的解决方案，用于渲染大型树结构（例如，文件系统）。
经常问的问题
react-window与react-virtualized有何不
2021-10-01 12:42:11
342KB
1
react-markers 将标记添加到您的React组件，以便使用实际的DOM元素进行测试
2021-09-29 11:50:46
40KB
1
React动态字体
这是一个React组件，使您的文本不会自动换行并动态调整字体大小
有时我们希望某些文本具有固定的宽度，当字符数太大时，它将自动减小字体大小，因此文本始终在一行中而不换行。 这就是我创建此组件的原因。
安装
npm install react-dynamic-font --save
要么
yarn add react-dynamic-font
该软件包需要react v16.3或更高版本，如果要在较低的react版本（v15.x-v16.2.x）上使用，请尝试用yarn add react-dynamic-font@^1.0.0 ，用于React v0.14在下面，尝试yar
2021-09-24 13:44:59
84KB
1
React降价-el
提供一个简单的React组件，用于在元素中呈现 Markdown 文本。
安装
$ npm install react-markdown-el
用法
基本用法只是将 markdown 作为text属性：
var Markdown = require('react-markdown-el');
...
render: function() {
var text = "This *is* some `markdown` [text](http://example.com)";
return (
)
}
默认情况下，这将渲染一个带有class="markdown"的 。 您可以更改标签，或非常轻松地添加您自己的属性：
<Markdown el="a"
href="h
2021-09-18 18:58:08
3KB
1
介绍
xgplayer是一个网络视频播放器库。 它基于一切都被组件化的原则设计了一个单独的，可分离的UI组件。 更重要的是，它不仅在UI层上很灵活，而且在功能上也大胆：它摆脱了视频加载，缓冲和对视频依赖性的格式支持。 尤其是在mp4上，可以分阶段加载，因为它不支持流mp4。 这意味着可以进行无缝切换，同时实现清晰度，负载控制和视频节省。 它还集成了对FLV，HLS和破折号的按需和实时支持。
xgplayer-react是封装xgplayer的React组件。
开始
安装
$ npm install xgplayer-react@latest
用法
步骤1.添加xgplayer-react组件
import Xgplayer from 'xgplayer-react' ;
步骤2.在模板中使用
< Xgplayer config = {config} playerInit = {(pla
2021-08-30 15:02:22
64.85MB
1
React 支持开箱即用的 SVG，使用组件而不是 SVG 文件更简单、更容易、更强大。 包裹在 React 组件中，您的 SVG 内联在页面中，您可以使用 CSS 对其进行样式设置。 SVGR 与其他库的不同之处在于其坚实的架构。 它使用 svg-parser + Babel 将 SVG 代码转换为 JavaScript 代码。 可以处理整个目录，将所有 SVG 文件（匹配 .svg 或 .SVG）转换为 React 组件。 可以使用 react-native-svg 来定位 React Native。 SVGR 公开了一个 Node API，您可以基于 SVGR 创建自定义脚本或构建另一个工具。 SVGR 可以用作 webpack 加载器，这样你就可以直接将你的 SVG 作为 React 组件导入。 SVGR 附带了一些可自定义的选项，可在 CLI 和 API 中使用。 用大写修改所有 SVG 节点，并使用带有 react-native-svg 导入的特定模板。 所有不受支持的节点都将被删除。
2021-08-07 14:07:07
2.22MB
1