我ReactDOM.createPortal在有状态组件的 render 方法中使用过,如下所示:
class MyComponent extends Component {
...
render() {
return (
<Wrapper>
{ReactDOM.createPortal(<FOO />, 'dom-location')}
</Wrapper>
)
}
}
Run Code Online (Sandbox Code Playgroud)
...但它也可以被无状态(功能)组件使用吗?
我希望我的用户能够将Contact Form 7短代码放入 Wordpress 编辑器的自定义字段中。我已经使用ACF创建了自定义字段,并且可以将该值拉到页面上,但是当我尝试将其包含在短代码中时,它返回 404。
这段代码:
<?php echo do_shortcode(get_field('contact_form_shortcode')); ?>
Run Code Online (Sandbox Code Playgroud)
返回:
[contact-form-7 404 "Not Found"]
Run Code Online (Sandbox Code Playgroud)
如果我从这样的值中创建一个变量:
<?php
$formCode = get_field('contact_form_shortcode');
echo $formCode;
?>
Run Code Online (Sandbox Code Playgroud)
回声返回:
[contact-form-7 id="473" title="Learn More Form"]
Run Code Online (Sandbox Code Playgroud)
但是在将该值放入 echo do_shortcode 函数列表后,我得到了相同的 404:
<?php echo do_shortcode($formCode); ?>
Run Code Online (Sandbox Code Playgroud)
我错过了什么?