我有一个自定义块，允许我选择颜色。以下是块的返回函数的外观：
return (
el( \'div\', { },
el( \'div\',
{ },
el( ColorPalette, {
value: props.attributes.paletteData[0],
onChange: updatePalette,
} )
)
)
);
目前显示的是单色选择器。
但是，我希望我的块显示尽可能多的颜色选择器，因为其中有值props.attributes.paletteData.
我如何才能做到这一点？我希望我能像你一样循环，做出这样的反应：
return (
{
props.attributes.paletteData.map(value => {
return (
el( ColorPalette, {
value: etc,
onChange: etc,
}
)
}
}
但我还没能让它发挥作用。
最合适的回答,由SO网友:Sally CJ 整理而成
好吧，改变一下：
el( ColorPalette, {
value: props.attributes.paletteData[0],
onChange: updatePalette,
} )
对此：
el( \'div\', {}, props.attributes.paletteData.map(
function ( value, i ) {
return el( ColorPalette, {
\'value\': value,
onChange: updatePalette,
key: \'color-\' + i, // required
//...
} );
}
) )
一、 e.传递元素数组作为第三个参数：
el( \'div\', {}, <array of elements here> )
还是我不理解你？
