Javascript 如何在react JS中通过索引将react组件推送到映射数组数据中

我最近在做一个react项目，我必须在页面上显示一些项目（这将是api的数据），在它们之间，我必须显示一个广告组件。有没有一种简单的方法可以做到这一点？

是的，您可以渲染一个项目元素数组，并在其中渲染一个广告元素

const Ad = () => (<div>ad item</div>)
const List = () => {
let [items, setItems] = useState(['item 1', 'item 2'])
return (
<>
  {
  items.filter((item, index) => index < 6)
    .map((item, index) => (<div>{item.title}</div>))
  }
  {<Ad />}
  {
  items.filter((item, index) => index >= 6)
    .map((item, index) => (<div>{item.title}</div>))
  }
</>
)
}

const Ad=（）=>（广告项）
常量列表=（）=>{
let[items，setItems]=useState（['item 1'，'item 2']）
返回(
{
items.filter（（项，索引）=>索引<6）
.map（（项，索引）=>（{item.title}））
}
{}
{
items.filter（（项，索引）=>索引>=6）
.map（（项，索引）=>（{item.title}））
}
)
}

我认为下面的代码片段会对您有所帮助

const Ad = () => <div> ad item </div>;
const itemsArrays = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const firstSix = itemsArrays.splice(0, 6);

const List = () => {
  let [topItems, setTopItems] = useState(firstSix);
  let [bottomItems, setBottomItems] = useState(itemsArrays);

  return (
    <>
      {topItems.map((item, index) => (
        <div> {item.title} </div>
      ))}{" "}
      <Ad />{" "}
      {bottomItems.map((item, index) => (
        <div> {item.title} </div>
      ))}{" "}
    </>
  );
};

const Ad=（）=>Ad项；
const itemsarray=[0,1,2,3,4,5,6,7,8,9,10]；
const firstSix=itemsarray.splice（0,6）；
常量列表=（）=>{
let[topItems，setTopItems]=useState（前六个）；
let[bottomItems，setBottomItems]=useState（ItemsArray）；
返回(
{topItems.map（（项目，索引）=>(
{item.title}
))}{" "}
{" "}
{bottomItems.map（（项，索引）=>(
{item.title}
))}{" "}
);
};

是的，这是可能的，你有我可以使用的代码吗？你应该把这个问题改为：我们如何显示一些项目元素和它们之间的广告，而不是询问是否可能。@ParsaBadriž