古腾堡:如何用useSelect和AsyncModeProvider true刷新useSelect？
古腾堡:如何用useSelect和AsyncModeProvider true刷新useSelect？
提问于 2021-01-06 11:58:40
我试着理解这里https://developer.wordpress.org/block-editor/packages/packages-data/关于useSelect的一个例子的片段。
function DisplayTOC(props) {
return ( <ServerSideRender block={props.name} attributes={props.attributes} />);
}
registerBlockType('simpletoc/toc', {
title: __('SimpleTOC', 'simpletoc'),
icon: simpletocicon,
category: 'layout',
edit: function(props) {
return (
<p className={props.className}>
<AsyncModeProvider value={ true }>
<DisplayTOC props={props}/>
</AsyncModeProvider>
</p>
)
},
save: props => {
return null;
},
});因此，我猜想异步方法需要知道何时与useSelect同步。但是在哪里呢？在文档中有这样的功能：
function BlockCount() {
const count = useSelect( ( select ) => {
return select( 'core/block-editor' ).getBlockCount()
}, [] );
return count;
}因此，如果添加了一个新块，则返回计数。但是什么时候调用这个函数呢？我把它加到代码里什么都没发生。
回答 1
WordPress Development用户
发布于 2021-01-06 12:24:42
它在组件第一次呈现时调用，然后当第二个参数中声明的依赖项更改时再次调用：
deps :如果提供，这将回传mapSelect，因此在每个状态变化时都会调用相同的mapSelect，除非依赖项发生变化。
所以不要传递那个数组，它将如您所期望的那样工作。
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://wordpress.stackexchange.com/questions/381025
复制相关文章
相似问题
腾讯云开发者
