Вызов onClick (to setAttribute) внутри Array.map () выдает ошибку TypeError: Невозможно прочитать свойство 'toLowerCase' из неопределенного - PullRequest
1 голос
/ 25 февраля 2020

Я строю блок Гутенберга в 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>

На мой взгляд, это некоторая проблема с референциями «это». Было бы здорово, если бы я смог получить быструю помощь.

...