我正在制作一个滑块,我想为我选择的每个图像创建一个滑块。
我已经有一个功能齐全的滑块。问题是,如何从滑块块创建调用滑块?我认为必须有一种方法通过API,我发现函数createBlock()但没有什么是真的有用
const { createBlock } = wp.blocks;
//
// some code
//
<div id={ listId } className={ classes } key={ index }>
{createBlock('illmatic6514/slide')}
</div>
我期待创建一个幻灯片块。 (为了简化我从滑块中删除变量并放入静态图像)我得到“无法读取未定义的属性'属性”
即使我调用createBlock('core / paragraph'),我也会得到“对象作为React孩子无效”
您可能希望将Slide定义为组件而不是块:
function Slide(props) {
return <div>{props.slideName}</div>;
}
或者作为扩展Component的类:
const { Component } = wp.element
class Slide extends Component {
render() {
return (
<div>{ this.props.slideName }</div>
)
}
}
然后在你的Slider块中你将使用该组件:
edit(props) {
return (
<div>
<Slide slideName="Slide 1" />
<Slide slideName="Slide 2" />
</div>
)
}