如何在组件中显示亚马逊原生异步广告

如何解决如何在组件中显示亚马逊原生异步广告

我尝试了 3 天来解决这个问题，我上过谷歌和类似的堆栈溢出帖子，但是，所有这些都过时了，当我尝试实现它们时，它不起作用。这是我目前正在使用的内容，它没有显示在页面上。

有什么想法吗？

亚马逊代码

 <div id="amzn-assoc-ad-d4995eab-4ce3-4691-803f-d2b5661999fd"></div><script async src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=d4995eab-4ce3-4691-803f-d2b5661999fd"></script>

反应组件

import React,{ useEffect,useState } from "react";
import Helmet from "react-helmet";

//! Not Working Don't Push or Deploy

const AmazonAdd = () => {
  const [amazonId,setamazonId] = useState("");
  const [amazonSrc,setamazonSrc] = useState("");

  useEffect(() => {
    setamazonId("amzn-assoc-ad-d4995eab-4ce3-4691-803f-d2b5661999fd");
    setamazonSrc(
      "//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=d4995eab-4ce3-4691-803f-d2b5661999fd"
    );
  },[]);

  return (
    <div className="amz-ad-container">
      <Helmet>
        <script className="amazonSrc" async src={amazonSrc} />
      </Helmet>
      <div id={amazonId}></div>
    </div>
  );
};

export default AmazonAdd;