如何将<明文>和<按钮>组件放入古登堡块的<Form>内

时间:2019-02-07 作者:Subrata Sarkar

我正在编写一个块,需要在编辑器中渲染表单。我就是这样尝试的:

edit: function( props ) {
        return(
            <Form
                method="get"
                className="search-form"
                <PlainText
                    title="search box"
                    placeholder="Search"
                    className="search-field"
                    type="text"
                    name="s"
                    readonly="true"
                />
                <PlainText
                    type="hidden"
                    name="type"
                    value="media"
                />
                <Button
                    type="submit"
                    title="search site"
                    className="search-submit"
                    value="&rsaquo;"
                    disabled="disabled"
                />
            />
        );
    },
但观察者抱怨如下(附屏幕截图)

enter image description here

正确的方法是什么?

1 个回复
SO网友:Alvaro

当元素没有子元素时,它可以自动关闭:

<Something something="123" />
否则,它需要像普通html标记一样使用一个打开部分:<Something> 还有一个结尾:</Something>

edit: function( props ) {
    return(
        <Form
            method="get"
            className="search-form"
        >
            <PlainText
                title="search box"
                placeholder="Search"
                className="search-field"
                type="text"
                name="s"
                readonly="true"
            />
            <PlainText
                type="hidden"
                name="type"
                value="media"
            />
            <Button
                type="submit"
                title="search site"
                className="search-submit"
                value="&rsaquo;"
                disabled="disabled"
            />
        </Form>
    );
},

相关推荐