Share-react NPM

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)

share-react v1.0.0

share-react

Install npm

Install yarn

Use

props

props method

node props

about wechat

License

Illustration