Я строю блок Гутенберга в Wordpress, который использует реагирует, и я пытаюсь добиться того, чтобы при нажатии на div он устанавливал атрибуты с идентификатором подстраницы. array.map () используется для создания каждого погружения с динамическим значением c, по которому нужно щелкнуть.
const { registerBlockType } = wp.blocks; // Import registerBlockType() from wp.blocks
const { RichText } = wp.editor;
const { withSelect } = wp.data;
const { Fragment, Component } = wp.element;
const {InspectorControls, PanelColorSettings, BlockControls, BlockAlignmentToolbar,MediaUpload } = wp.editor;
const {
RangeControl,
SelectControl,
TextControl,
ToggleControl,
Dashicon,
IconButton,
Button,
Toolbar,
PanelBody,
RadioControl,
TabPanel,
} = wp.components
const {
attributes,
setAttributes,
} = this.props;
const {
subpagesArray,
indexArray,
align,
currentSelected,
displayPageExcerpt,
displayPageIcon,
displayPageTitle
} = attributes;
<section className="gosign-content-nav-block">
{subpagesArray.map(subpage => {
return (
<div className="subpage-block" onClick ={() => {setAttributes({currentSelected : subpage.id});}} >
{displayPageIcon &&
<div className="subpage-icon">
<span className="accessibility">
<i className="material-icons">accessibility</i>
</span>
</div>
}
{displayPageTitle &&
<div className="subpage-title">
<p>{subpage.title.rendered}</p>
</div>
}
</div>
)
})}
</section>
На мой взгляд, это некоторая проблема с референциями «это». Было бы здорово, если бы я смог получить быструю помощь.