How to use the @plone/volto/helpers.hasBlocksData function in @plone/volto
To help you get started, we’ve selected a few @plone/volto examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
plone / volto / src / components / theme / View / DefaultView.jsx View on Github 
const DefaultView = ({ content, intl }) => {
const blocksFieldname = getBlocksFieldname(content);
const blocksLayoutFieldname = getBlocksLayoutFieldname(content);
return hasBlocksData(content) ? (
<div id="page-document">
{map(content[blocksLayoutFieldname].items, block => {
const Block =
blocks.blocksConfig[(content[blocksFieldname]?.[block]?.['@type'])]?.[
'view'
] || null;
return Block !== null ? (
) : (
<div></div></div>
Popular @plone/volto functions
- @plone/volto/actions.getQueryStringResults
- @plone/volto/helpers.flattenToAppURL
- @plone/volto/helpers.getBaseUrl
- @plone/volto/helpers.getBlocksFieldname
- @plone/volto/helpers.getBlocksLayoutFieldname
- @plone/volto/helpers.getBoolean
- @plone/volto/helpers.getVocabFromField
- @plone/volto/helpers.getVocabFromHint
- @plone/volto/helpers.getVocabFromItems
- @plone/volto/helpers.hasBlocksData
- @plone/volto/helpers.Helmet.rewind