Я связываюсь, чтобы выучить фронт, и в этом коде я пытаюсь вызвать данные из BaseHub CMS и показать их на карусели ⇐ Javascript

[Anonymous]

Вот код, который я пытаюсь. Я думаю, что проблема в том, что я вызываю как компонент сервера, так и клиентский компонент в одном и том же файле. Но я не знаю, как решить это. Это только отдает только первый элемент. const Projects = async () => {
return (
queries={[
{
__typename: true,
projects: {
items: {
_title: true,
descriptions: {
plainText: true,
},
projectImage: { url: true, width: true, height: true, alt: true },
},
},
},
]}
>
{async ([data]) => {
'use server';

if (!data.projects.items.length) {
return No projects found;
}

const projectPosts = data.projects.items;

// {JSON.stringify(data, null, 2)}

return (




{projectPosts.map((projects, index) => (


{/* */}
[img]{projects.projectImage?.url as string}
width='auto'
height='100%'
/>

{projects._title}
{projects.descriptions?.plainText}


))}



);
}}

);
};
< /code>
Я пытаюсь показать список проектов в карусели, а для карусели я использую Swiper (swiperjs.com). Опять же, я предполагаю, что BaseHub и Swiper не хорошо играют друг с другом.

Подробнее здесь: https://stackoverflow.com/questions/794 ... rom-basehu