React开发工具集

StoneLee 发布于 文章字数: 232 阅读次数:

React Color

React Color 一个从Sketch,Photoshop,Chrome,Github,Twitter,Material Design等等的颜色选择器(Color Pickers)的集合。

安装方法
1
2
// 用npm安装
npm install react-color --save
使用方法
1
2
3
4
5
6
7
8
9
import React from 'react';
import { SketchPicker } from 'react-color';

class Component extends React.Component {

render() {
return <SketchPicker />;
}
}

React Document Title

React Document Title 提供了一种声明性方法,在单页应用程序中来指定 document.title。这个组件也可以在服务器端使用。

安装方法
1
2
//npm安装
npm install --save react-document-title
React版本限制
1
Dependencies: React >= 0.13.0

react-text-loop

react-text-loop 是一个动态滚动的文字组件。

安装方法
1
2
3
4
5
6
7
# 通过 npm 安装
npm install react-text-loop --save



# 通过 yarn 安装
yarn add react-text-loop
使用
1
2
3
4
5
6
7
8
9
import TextLoop from "react-text-loop";

<TextLoop>
<span>Trade faster</span>
<span>Increase sales</span>
<span>Stock winners</span>
<span>AAA</span>
<span>BBB</span>
</TextLoop>
{" "}