Skip to content

Latest commit

 

History

History
118 lines (88 loc) · 2.86 KB

README.md

File metadata and controls

118 lines (88 loc) · 2.86 KB
Raw

share-react

Install npm

    npm install share-react

Install yarn

    yarn add share-react

Use

    import {
        Douban,
        Facebook,
        Google,
        Qq,
        Qzone,        
        Twitter,
        Weibo,
        Linkedin,
        TencentWB,        
        BaiduPostBar,
        Email,
    } from 'share-react';

    <Douban        
        style={{}}
        data={{}}
        isExitWindows={}
        className={}
        disable={}
        windowHeight={}
        windowWidth={}
        children={}
        otherProps={{}}
        customWindow={}        
        closeWindow={}
    >
        <Children /> // 为任意node 推荐使用这种方式定制内部组件
    </Douban>

props

属性 类型 默认值 描述
isExitWindows Boolean true 控制窗口状态 (开
className String 随机 窗口的名称
style object {} 分享盒子的样式
disable Boolean false 分享链接是否可以点击
windowHeight Number 400 窗口的高度
windowWidth Number 600 窗口的宽度
children node 子节点 (建议使用 )
otherProps object 其他自定义props属性

props method

方法 类型 描述
customWindow fun 自定义窗口 [arg为url]
closeWindow fun 关闭窗口发生的事件 [arg为窗口实例]

node props

组件 props
Douban [豆瓣] href: 链接 name: 名字 text: 文本 image: 图片
Facebook [facebook] url: 链接
Google [谷歌] url: 链接
Qq [qq好友] url: 链接 title: 标题 desc: 描述 source: '' summary: 摘要 pics: 图片
Qzone [qq空间] url: 链接 title: 标题 desc: 描述 summary: 摘要
Twitter [推特] url: 链接 text: 文本 via: 经由
Weibo [微博] url: 链接 text: 文本 pics: 图片 appkey:
Linkedin [点点] url: 链接 title: 标题 summary: 摘要 source: armin:
TencentWB [腾讯微博] url: 链接 title: 标题 pic: 图片 c: a:
BaiduPostBar [百度贴吧] url: 链接 title: 标题
Email [邮件] subject: 项目名称 body: 项目 内容 
    data = {{
        url: ''
        ......
    }}

about wechat

    由于微信是生成二维码，为了不引入多余的库 可以使用如下库
    qrcode.react(https://github.com/zpao/qrcode.react)

License

MIT

Illustration

share-react 主要应用于一些中国应用的分享功能

参考于

share.js

react-share