javascript - .createElement() 与 HTML

Question

我的目标是使用 wp.element 的 .createElement() 添加 HTML但它输出为文本，例如:

wp.element.createElement(
        Meta,
        {   
            className: 'TEST',
            title: 'TEST',
            initialOpen: true,
        },  
        'Here is html: <input type="text">'
);

我在这里错过了什么？

Answer 1

如果你想在 DOM 中正确地使用创建的元素，你应该使用 wp.element.render。

请参阅文档中的示例:

<div id="greeting"></div>

<script>
function Greeting( props ) {
    return wp.element.createElement( 'span', null, 
        'Hello ' + props.toWhom + '!'
    );
}

wp.element.render(
    wp.element.createElement( Greeting, { toWhom: 'World' } ),
    document.getElementById( 'greeting' )
</script>