React 组件库 onlylove-components-rollup

《React 通关秘籍》 小册组件库案例

Install

``` npm install --save onlylove-components-rollup@latest ```

Usage

Watermark 组件

```javascript import { Watermark } from 'onlylove-components-rollup';

const App = () => { return <Watermark content={['测试水印', '神说要有光']}

export default App; ```

Calendar

```javascript import dayjs from 'dayjs'; import {Calendar} from 'onlylove-components-rollup'; import 'onlylove-components-rollup/dist/index.css';

function App() { return ( <Calendar defaultValue={dayjs('2024-07-01')}> ); }

export default App; ```

Message

```javascript import { ConfigProvider, useMessage } from "onlylove-components-rollup" import 'onlylove-components-rollup/dist/index.css';

function Aaa() { const message = useMessage();

return <button onClick={() =>{ message.add({ content:'请求成功' }) }}>成功 }

function App() {

return ( ); }

export default App; ```