Я пытаюсь создать слайдер с компонентом Reaction-Flickity в редакторе WordPress Gutenberg.
Так что моя проблема в том, что у Gutenberg есть свой собственный компонент, и я хочу нацеливать его содержимое внутри него с помощью Flickity. .
Так это выглядит так:
<Flickity options={flickityOptions}>
<InnerBlocks />
</Flickity>
, где <InnerBlocks />
- это компонент Гутенберга, который имеет внутри, например:
<img src="..."/>
<img src="..."/>
<img src="..."/>
Так что мне нужно перепрыгнуть InnerBlocks
для целевых изображений. Потому что InnerBlocks создают два div перед компонентом Flickity.
А в html это будет выглядеть так:
<div class="flickity">
<div class="inner-block">
<div class="block-list">
<img src="...">
<img src="...">
<img src="...">
</div>
</div>
</div>
Возможно ли это? Я не могу редактировать InnerBlocks. Заранее спасибо.