我有一个 gutenberg 侧边栏，带有一个切换。它工作得很好，但是当我单击Update或Publish时，值不会保存。我甚至在控制台中检查，当我单击ToggleControl时，值确实会改变，但是当我发布或更新页面时，切换返回一个空数组。是我的代码中有什么不正确的地方，还是我遗漏了什么？

import { registerPlugin } from "@wordpress/plugins";
import { PluginSidebar, PluginSidebarMoreMenuItem } from "@wordpress/edit-post";
import { __ } from "@wordpress/i18n";

import { Fragment } from '@wordpress/element';
import { withSelect, withDispatch } from '@wordpress/data';
import { compose } from '@wordpress/compose';
import { PanelBody, PanelRow, ToggleControl } from '@wordpress/components';

const ShowSideBarToggle = (props) => {


  return (
    <ToggleControl
    label={__('Show Sidebar?', 'starter')}
    checked={props.customPostMetaValue}
    onChange={props.setCustomPostMeta}
  />
  )
}

const CustomSidebarMeta = compose([
    withSelect(select => {
        return { customPostMetaValue: select('core/editor').getEditedPostAttribute('meta')['showSidebarAttribute'] }
    }),
    withDispatch(dispatch => {
        return { 
            setCustomPostMeta: function(value) {
                dispatch('core/editor').editPost({ meta: { showSidebarAttribute: value } });
            }
        }
    })
])(ShowSideBarToggle);

const MetaFields = () => {
  return (
    <Fragment>
        <PluginSidebarMoreMenuItem 
                target='meta-page-settings'
                >{__('Theme Settings', 'underscores')}</PluginSidebarMoreMenuItem>
        <PluginSidebar 
        name="meta-page-settings" 
        title="Gutenberg Settings Sidebar"
        >
          <PanelBody
          title={__('This is a panel section', 'awp')}
          initialOpen={true}
          >
            <PanelRow>
              <CustomSidebarMeta />
            </PanelRow>
          </PanelBody>
        </PluginSidebar>
    </Fragment>
  );
}

registerPlugin( 'page-layout-plugin', {
    icon: 'smiley',
    render: MetaFields
} );