Wordpress 是否有一个函数可以在我的gutenberg块中创建自定义块?

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

我正在制作一个滑块,我想为我选择的每个图像创建一个滑块

我已经有了一个功能齐全的滑块。 问题是,如何从滑块创建调用滑块?我想一定有办法通过API,我找到了函数createBlock(),但什么都没用

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>
  )
}
编辑(道具){
返回(
)
}