WordPress古腾堡反应使__experimentalUseInnerBlocksProps不再是经验金属

Question

我有一个带导入的插件

import { __experimentalUseInnerBlocksProps as useInnerBlocksProps } from '@wordpress/block-editor';

但是它不适用于最新的古腾堡插件11.9，因为这个useInnerBlocksProps不再是实验性的。

所以我可以用

import { useInnerBlocksProps } from '@wordpress/block-editor';

但是，如果没有古腾堡插件，它将无法适用于旧版本或WordPress安装。

使其与这两种场景兼容的正确方法是什么？如果存在，如何导入__experimentalUseInnerBlocksProps，如果没有，如何直接导入useInnerBlocksProps？

Answer 1

好吧，这可能是我能找到的最简单的解决办法，但是如果有人有更好的主意，那就在这里发布吧;)

import {
    __experimentalUseInnerBlocksProps,
    useInnerBlocksProps,
} from '@wordpress/block-editor';

if( typeof useInnerBlocksProps == 'undefined' ){
    var compatibleUseInnerBlocksProps = __experimentalUseInnerBlocksProps;
}else{
    var compatibleUseInnerBlocksProps = useInnerBlocksProps;
}

• 因此，基本上我可以同时导入(实验和非实验)，没有任何错误。
• 如果新的类型已经被支持，我就可以做简单的类型测试了。
• 如果支持它，我将在compatibleUseInnerBlocksProps变量中记住它
• 否则我会记得以前的实验
• 然后，我需要用代码中的useInnerBlocksProps替换所有其他出现的compatibleUseInnerBlocksProps。

Answer 2

我使用了接受答案的逻辑，它工作得很好。

但我的实现方式有点不同。我将useInnerBlocksProps导入为nonExperimentalUseInnerBlocksProps。这样，我可以在代码中使用useInnerBlocksProps的地方继续使用它。这将使将来更容易移除对__experimentalUseInnerBlocksProps的支持。

import {
  useInnerBlocksProps as nonExperimentalUseInnerBlocksProps,
  __experimentalUseInnerBlocksProps,
} from '@wordpress/block-editor';

const useInnerBlocksProps =
  typeof nonExperimentalUseInnerBlocksProps == 'undefined'
    ? __experimentalUseInnerBlocksProps
    : nonExperimentalUseInnerBlocksProps;