降价导航栏
React 组件为您的博客或网站呈现 Markdown 文档的交互式导航栏面板。
特征
使用该组件可以轻松实现一些常规功能，例如：
显示由标题定义的文章结构树。
呈现导航到文章中特定标题的锚点。
与读者共享一个 URL 以导航到文章的特定区域。
安装
yarn add markdown-navbar # or `npm i markdown-navbar --save`
快速开始
import React from 'react' ;
import ReactDOM from 'react-dom' ;
// One third-part component for render markdown documentation
import ReactMarkdown from 'react-markdown' ;
import MarkdownNavbar from
2022-04-22 16:27:00
43KB
1
React水平计划
水平滚动的每周视图，用于安排会议室，会议，项目，资源等内容。
安装
npm install --save react-horizontal-schedule
用法
import React , { Component } from 'react'
import { Schedule } from 'react-horizontal-schedule'
import 'react-horizontal-schedule/dist/index.css'
const App = ( ) => {
const SCHEDULE_DATA = JSON . parse ( document . getElementById ( 'schedule-data' ) . textContent ) ;
const itemHandler = function ( r ) {
2022-02-11 17:23:58
835KB
1
React WOW
Using CSS animation in your react components.
依赖
安装
$ npm install --save react-wow
示例
import React from 'react'
import ReactDOM from 'react-dom'
import ReactWOW from 'react-wow'
const App = () =>
ReactDOM.render(, document.getElementById('app'))
使用方法
$ git clone https://github.com/skyvow/rea
2021-11-29 23:08:23
772KB
1
该项目是通过引导的。
您将在下面找到一些有关如何执行常见任务的信息。 您可以在找到本指南的最新版本。
目录
自动格式化代码
更改页面<title>
安装依赖项
导入组件
代码分割
添加样式表
后处理CSS
添加CSS预处理器（Sass，Less等）
添加图像，字体和文件
使用public文件夹
更改HTML
在模块系统之外添加资产
何时使用public文件夹
使用全局变量
添加引导程序使用自定义主题
增加流量
添加路由器
添加自定义环境变量
在HTML中引用环境变量
在Shell中添加临时环境变量
在.env添加开发环境变量
我可以使用装饰器吗？
使用AJAX请求获取数据
与API后端集成
节点
Ruby on Rails
在开发中代理API请求
配置代理后出现“无效的主机头”错误
手动配置代理
配置WebSocket代理
在开发中使用HTTPS
在服务器上生成动态<met
2021-11-20 11:31:18
133KB
1
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组件包装器
例子
位于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
芘 - 开放系统组件库
在上。
套餐
- 开放系统组件库
- 开放系统图组件库
- 开放系统图形库
水槽 - Pyrene Kitchensink
- Pyrene ESLint 配置
谢谢
谢谢，
，对于那些惊人的设计和所有精心放置的像素，
，感谢您从一开始就做出了伟大的概念和实际贡献，
，对于第一次提交，以及之前所有伟大的概念贡献，
@lucletruc ，为了让你在实习期间开始这一切，
@lucatr ，感谢您的巨大贡献，监督和评论，
@sladomic ，对于惊人的图形组件，
@sosostris ，让这些图表栩栩如生，
@Dulcibella ，始终关注报道，
@justmejulian ，因为你总是有另一个 CSS 技巧，
@Leyart ，为了您对过滤器和表格的耐心，
@ekeuus ，为了使树表几乎像一棵真正的树一样生长，
@iots
2021-08-04 22:05:05
82.44MB
1
创建React组件
CLI工具来创建react或react-native组件
待办事项：撰写更详细的说明
2021-02-04 13:11:58
46KB
1
可滑动底页
一种可滑动擦拭材料的底片实现，它使用 。 这可用于复制Material Design的指南
安装
npm i -S react-swipeable-bottom-sheet
演示与范例
用法
import SwipeableBottomSheet from 'react-swipeable-bottom-sheet';
Here goes the content of your bottom sheet
底页的高度（打开时）会随其内容自动缩放。 如果超过窗口高度，内容将变为可滚动状态。
道具
名称
类型
默认
描述
溢出高度
数
0
关闭时工作表的高度（以像素为单位）。
打开
布尔
使用此属性启用受控模式。 如果为true ，它将打开工作表。
defaultOpen
布尔
假
如果为true ，则在组件安装时打开工作表。
onChange
函
2021-02-03 09:37:53
1.02MB
1