reactjs - 要在配置文件中设置的 AEM Target 第三方 ID

Question

我正在尝试mbox3rdPartyID在我的 ReactJS Web 应用程序中使用 Adob​​e Target AEM 模块进行设置。我在 ReactJS 应用程序中使用以下代码。但是，当我启动此页面时，它没有得到mbox3rdPartyID. 我正在通过MiaProva - Chrome 插件检查这个 ID

import React, {Component} from 'react';
import {hot} from 'react-hot-loader';
import Helmet from 'react-helmet';

class App extends Component {
    componentDidMount() {
        let event = new CustomEvent('at-start', {
            detail: {
                mbox: 'target-global-mbox',
                params: {                        
                    mbox3rdPartyID: '123123123'
                }
            }
        });
        document.dispatchEvent(event);
    }

    render() {
        return (
            <Template title="My Test Adobe App">
                <Helmet
                    title="New Web Ref App"
                    script={[
                        {
                            innerHTML:
                                'document.addEventListener("at-start", function(event) { var mbox = event.detail.mbox; var params = event.detail.params; adobe.target.getOffer({ mbox: mbox, params: params, success: function(offers) { var e = new CustomEvent("at-offers-received", {detail: {offers : offers, mbox: mbox } }); document.dispatchEvent(e); },error: function(status, error) {console.warn("Adobe Target custom mBox ( " + mbox + " ) request did not succeed :: ", status, error); var e = new CustomEvent("at-offers-received", {detail: {offers : [], mbox: mbox}}); document.dispatchEvent(e);} });});'
                        },
                        {
                            innerHTML: 'window.targetGlobalSettings = {globalMboxAutoCreate: false}'
                        },
                        {
                            src: 'https://xxxxx/at.js',
                            type: 'text/javascript'
                        }
                    ]}
                />
            </Template>
        );
    }
}
export default hot(module)(App);

有人可以帮我知道它有什么问题吗？

标签： reactjsaem