在wordpress gutenburg block by condition中更改返回部分中的标记

我想使用if条件更改save部分中的标记

我已经创建了块，并像这样返回

return <a className={`card-item ` + className} href={cta_link} style={{backgroundColor: panel_colour}}>
------------
----
</a>

返回

现在我想根据if条件将锚定标记“”更改为“”。像

if ( cta_link )
<a className={`card-item ` + className} href={cta_link} style={{backgroundColor: panel_colour}}>
else
<div className={`card-item ` + className} style={{backgroundColor: panel_colour}}>

if（cta\u链接）
其他的

还有结束语。那么，有什么最好的方法可以做到这一点吗？我是古腾堡街区的新手。请让我知道，以提高我的知识

---

谢谢

当我有一个带有可选链接的块时，我经常使用这种模式：

save:（{attributes}）=>{
const{url}=属性；
//如果此块有url，则将其设置为链接，否则将其设置为div。
const Component=url！=''a'：'div'；
返回(
);
}

我认为这是不可取的；我认为您应该使用单独的块，否则您将考虑在块的react组件的edit和save方法中编写逻辑。为什么不在两个不同的块之间转换？你看过文件了吗？