古腾堡块-处理块中的服务器数据

时间:2018-09-13 21:01:26

标签: wordpress serverside-rendering dataflow wordpress-gutenberg

我有一个块,用于渲染<Modal/>中所有现有帖子的标题。我使用<ServerSideRender/>(返回纯html)从服务器检索它。我希望能够选择标题之一(最好将其保存在postTitle属性中)并将其显示在块中。

attributes: {
    postTitle: {
        type: 'string'
    }
},

edit(props) {
    const { attributes } = props;
    const { postTitle } = props.attributes;

    const MyModal = withState( {
        isOpen: false,
    } )
    ( ( { isOpen, setState } ) => (
        <div>
            <Button isDefault onClick={ () => setState( { isOpen: true } ) }>Choose</Button>
            { isOpen ?
                <Modal onRequestClose={ () => setState( { isOpen: false } ) }>
                        <ServerSideRender
                            block="my-blocks/wordpress-title"
                            attributes={attributes}
                        />
                </Modal>
                : null }
        </div>
    ) );

    return ([
        <InspectorControls>
            <div>
                <strong>Choose Wordpress title:</strong>
                <MyModal/>
            </div>
        </InspectorControls>,
    ]);
},

是否有任何明智的方法可从服务器检索数据,因此可以在一个块内对其进行操作?

0 个答案:

没有答案