最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

WordPress Gutenberg InnerBlocks render inside content without wrapper div - Stack Overflow

programmeradmin6浏览0评论

I need to render each Gutenberg inner block separately to render them inside slick slider. I'm trying to render innerBlocksProps.children but it also wrapps the inner blocks in a div and I need every inner block separately on the slider container

import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
import Slider from "react-slick";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";

export default function Edit() {
    const blockProps = useBlockProps({ className: `customerlogos` });
    const innerBlocksProps = useInnerBlocksProps();

    console.log(innerBlocksProps);

    const settings = {
        slidesToShow: 5,
    };

    return (
        <div {...blockProps}>
            <Slider {...settings}>
                { innerBlocksProps.children }
            </Slider>
        </div>
    );
}
发布评论

评论列表(0)

  1. 暂无评论