react-app-shell/activity/src/views/bargain/component/share/index.js

react打包脚本和example, 这里的版本请忽略

import React, {Component} from 'react';
import {withRouter} from 'react-router-dom';
import {observer, inject} from 'mobx-react';
import queryString from 'query-string';

import {WechatConfig} from '../../../../components';

/**
 * PUBLIC_URL
 */
const basename = process.env.PUBLIC_URL || '';

@inject(({bargainStore}) => {
    return {
        activeId: bargainStore.state.activeId,
        recordId: bargainStore.state.recordId,
        shareOptions: bargainStore.shareOptions,  // 分享配置
    };
})
@observer
@withRouter
export default class BargainShare extends Component {
    /**
     * 获取默认分享的链接
     */
    getDefaultShareLink = () => {
        const activeId = this.props.match.params.id;
        const {recordId, rf} = queryString.parse(window.location.search);
        let searchObj = {
            recordId: recordId,
            rf: rf,
        };
        // 分享链接
        const link = `${location.protocol}//${location.host}${basename}/bargain/${activeId}?${queryString.stringify(searchObj)}`;
        return link;
    };

    render() {
        const {activeId, recordId} = this.props;
        const shareOptions = {
            ...this.props.shareOptions,
            link: this.getDefaultShareLink(),
        };

        return (
            <WechatConfig key={activeId + recordId} showShare={true} shareOptions={shareOptions}></WechatConfig>
        );
    }
}