wordpress - Gutenberg setAttributes 没有更新我的编辑区域

Question

如何将 Gutenberg 中的 HTML 元素绑定到数组/对象？

嗨，我现在正在编写一个古腾堡块，只是想将一个对象绑定到我的块，但它没有更新。目前我有一个列表

的，如果我按下“点击我！”，希望自动添加。按钮。

它的作用是......如果我按下那个按钮，它会将新元素推入数组但

不添加元素。如果我点击离开（如果块失去焦点），则添加元素。

我做错了什么？

edit: props => {
        const { setAttributes, attributes } = props;
        let slides = props.attributes.slides;

        const addSlide = function(event){
            slides.push({ title : 'new' });
            setAttributes({ slides: slides });
        }




        return [
            <InspectorControls key="inspector">
                <PanelBody
                    title={'Slides'}
                    initialOpen={true}
                >

                {slides.map((slide, i) =>
                    <li key={i}>
                    {slide.title}
                    </li>
                )}


                <Button isPrimary onClick={addSlide}>
                    Click me!
                </Button>

                </PanelBody>
            </InspectorControls>,
            <div className={ props.className } key='richtext'>

                {slides.map((slide, i) =>
                    <li key={i}>
                    {slide.title}
                    </li>
                )}

                <Button isPrimary onClick={addSlide}>
                    Click me!
                </Button>

            </div>
        ];
    }

我期望列表元素在 foxused 时动态添加。

标签： wordpressreactjswordpress-gutenberg