Wordpress 是否有一个函数可以在我的gutenberg块中创建自定义块?
我正在制作一个滑块,我想为我选择的每个图像创建一个滑块 我已经有了一个功能齐全的滑块。 问题是,如何从滑块创建调用滑块?我想一定有办法通过API,我找到了函数createBlock(),但什么都没用Wordpress 是否有一个函数可以在我的gutenberg块中创建自定义块?,wordpress,reactjs,block,jsx,wordpress-gutenberg,Wordpress,Reactjs,Block,Jsx,Wordpress Gutenberg,我正在制作一个滑块,我想为我选择的每个图像创建一个滑块 我已经有了一个功能齐全的滑块。 问题是,如何从滑块创建调用滑块?我想一定有办法通过API,我找到了函数createBlock(),但什么都没用 const { createBlock } = wp.blocks; // // some code // <div id={ listId } className={ classes } key={ index }> {createBlock('illmatic6514/slide
const { createBlock } = wp.blocks;
//
// some code
//
<div id={ listId } className={ classes } key={ index }>
{createBlock('illmatic6514/slide')}
</div>
const{createBlock}=wp.blocks;
//
//一些代码
//
{createBlock('illmatic6514/slide')}
我希望创建一个滑块。(为了简单起见,我从滑块中删除了变量,并将其放入静态图像中)
我得到“无法读取未定义的属性'attributes'”
即使我调用createBlock(“核心/段落”),我也会得到“对象作为React子对象无效”您可能希望将幻灯片定义为组件而不是块:
function Slide(props) {
return <div>{props.slideName}</div>;
}
功能幻灯片(道具){
返回{props.slideName};
}
或作为扩展组件的类:
const { Component } = wp.element
class Slide extends Component {
render() {
return (
<div>{ this.props.slideName }</div>
)
}
}
const{Component}=wp.element
类幻灯片扩展组件{
render(){
返回(
{this.props.slideName}
)
}
}
然后在滑块中使用该组件:
edit(props) {
return (
<div>
<Slide slideName="Slide 1" />
<Slide slideName="Slide 2" />
</div>
)
}
编辑(道具){
返回(
)
}