最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

custom taxonomy - Gutenberg Block Editor - Create block with dynamic content

programmeradmin0浏览0评论

The official docs has a example of creating a demo block.

The example has an edit.js and save.js for creating an editor view and front end view.

Assuming I want to create a block that prints a list of custom taxonomies. I can create the block, the content will save and display on the front end.

The issue is that if an item will be added to that custom taxonomies, it won't be shown unless I remove the block and add it back again because the custom taxonomy list is saved as part of the block content.

If we look how the default WordPress categories block works wp-content/blocks/categories.php, seems like it's not rendered from React at all. In the post only something like this is saved <!-- wp:categories {"displayAsDropdown":true} /-->, and the content is rendered dynamically from php, including the js "onChange" function.

I need to add some logic and functionality with React to my custom block, so creating a block the same way the core categories block is won't work for me.

How can I print a block with dynamic content in a similar way the core categories work, but with React JS similar to the todo demo block?

The docs has dynamic block which is rendered it PHP. I would like to render the dynamic block with React.

发布评论

评论列表(0)

  1. 暂无评论