首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从组/列innerBlocks中排除父块?

从组/列innerBlocks中排除父块可以通过使用wp.blocks.withSelect高阶组件来实现。以下是一个示例代码:

代码语言:txt
复制
import { withSelect } from '@wordpress/data';

const MyBlock = (props) => {
  // 获取当前块的父块ID
  const parentId = props.clientId;
  
  // 获取所有内部块
  const innerBlocks = props.innerBlocks;
  
  // 过滤掉父块
  const filteredBlocks = innerBlocks.filter(block => block.clientId !== parentId);
  
  // 渲染过滤后的内部块
  return (
    <div>
      {filteredBlocks.map(block => (
        <div key={block.clientId}>
          {/* 渲染内部块内容 */}
          {block.name}
        </div>
      ))}
    </div>
  );
};

// 使用withSelect高阶组件获取内部块数据
export default withSelect((select, props) => {
  const { getBlock } = select('core/block-editor');
  const { clientId } = props;
  
  // 获取当前块的数据
  const block = getBlock(clientId);
  
  return {
    innerBlocks: block.innerBlocks,
  };
})(MyBlock);

在上面的代码中,我们首先使用withSelect高阶组件获取当前块的内部块数据。然后,我们使用filter方法过滤掉父块,得到一个新的内部块数组。最后,我们渲染过滤后的内部块内容。

这是一个基本的示例,你可以根据自己的需求进行修改和扩展。希望对你有帮助!

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何删除Linux用户?

在本教程,我们将学习如何在Linux删除用户。我们将使用两种方法,还将展示如何通过从“ / etc / group”文件删除来手动删除用户。...使用usermod删除用户 我们可以使用usermod命令一次从一个或多个删除一个用户。使用usermod时,您必须指定将用户保留在哪些辅助。让我用一个示例来解释一下。...与usermod不同,我们使用此命令指定的删除用户。...(手动) 我们还可以通过手动编辑文件'/ etc / group'删除用户。...: $ groups testuser testuser : testuser root 结论 在本教程,我们学习了如何使用usermod、gpasswd以及“ / etc / group”文件手动删除用户来删除用户

19.4K20

Linux 命令(124)—— lsof 命令

该选项可多次指定 +c W 指定 COMMAND 的宽度,单位字符。默认为 9 -C 禁用内核的名称缓存中报告任何路径名 -D D 指导 lsof 使用设备缓存文件。...进程 ID 使用逗号分隔,如果 PGID 前面包含尖号,表示排除。若没有指定 PGID,则显示全部。...尖号表示排除指定 PID -R 使用 PPID 列出进程的 PID +|-r [T[mFMT]] 控制 lsof 不断重复执行,间隔 T 秒,默认为 15s。...-x 不跟任何参数时,表示跨文件系统和符号链接 -Z [Z] 指定如何处理 SELinux 安全上下文。当在运行的 Linux 内核禁用SELinux时,Z 字段将被抑制输出。...-Z 选项不跟参数,如 -Z -,安全上下文将在 SECURITY-CONTEXT 输出 -- 双减号表示选项结束 NAMES 列出指定文件,符号链接在使用前将被解析 4.输出字段说明 当指定了

2.5K10
  • 寒假提升 | Day9 CSS 第七部分

    说出结构伪类的nth-child和nth-of-type的区别,并且写出案例练习 :nth-child 只计算元素的第几个子元素 ,不管是否是同种类型,也不会排除干扰项....:nth-of-type 计数时只计算同种类型的元素,会排除所有的干扰项 三....自己练习使用字体图标 iconfont中下载图标练习 方式一 通过对应字体图标的Unicode来显示代码; 方式二 利用已经编写好的class, 直接使用即可; 四....float 属性最初只用于在一段文本内浮动图像, 实现文字环绕的效果; 但是早期的CSS标准并没有提供好的左右布局方案, 因此在一段时间里面它成为网页多布局的最常用工具; 绝对定位、浮动都会让元素脱离标准流...练习三 - 京东多布局 浮动布局方案: 实现京东页面下面的布局 这个注意听,讲到了 负margin

    78820

    Strace——隐藏的超能力

    以下是一些常见的 Strace 命令构建,称为 选项: [-I n] – 指定可中断信号 [-b execve] – 用于指定的系统调用分离或跟踪多线程进程 [-e expr] – 修改要跟踪的事件或跟踪方式跟踪它们...[-O overhead] – 设置跟踪系统调用的开销 [-S sortby] – 按特定标准对打印的直方图进行排序 [-U columns] – 配置顺序和显示的集 [-a column] – 对齐特定的返回值...var=val 运行命令 [-u username] – 运行命令具有用户 ID、 ID 或补充 每个括号内的斜体部分代表一个值或限定符,帮助 Strace 理解它应该做什么。...还有一些关键系统调用您还应该熟悉: read– 文件描述符读取字节 write– 文件描述符写入字节 open– 打开文件并返回描述符 close– 关闭文件描述符 fork– 创建一个新进程,同时分叉当前进程...结论 在正确的场景,Strace 显然是一个非常有用的调试和故障排除工具。它可以帮助您更深入地了解您的应用程序以及它在运行时如何与 Linux 内核交互。这种透明度也延伸到第三方应用程序。

    43010

    架构探索之ClickHouse

    mysql查数据时会先从磁盘读出数据所在页(innodb存储单元) 到内存,然后再从内存返回查询结果,所以在我们的认知sql查询(排除语法词法解析,优化等步骤)总结起来可以为以下两点: 1.磁盘读取数据到内存...图片1、2. 3.2.1 列式存储 行式存储:把同一行数据放到同一数据,各个数据之间连续存储。 列式存储:把同一数据放到同一数据,不同之间可以分开存储。 图片3....所以在实际使用过程,也不需要满足最左原则匹配,只要过滤条件包含索引即可。...左至右,距离CPU越远,则数据的访问速度越慢。寄存器访问数据的速度,是内存访问数据速度的300倍,是磁盘访问数据速度的3000万倍。...外界解决通用方案:开发资源管理组件,将并发、内存、CPU等资源拆分给不同的资源,同时通过资源的父子关系实现不同资源共享部分资源的能力。

    31710

    如何使用Cloudera Manager设置使用YARN队列的ACL

    本文Fayson主要是介绍如何在Cloudera Manager配置YARN队列的ACL 内容概述: 1.启用YARN的ACL 2.创建队列并进行ACL设置 3.队列ACL的测试 4.其他问题测试 5....点击“创建” 注意:这里设置fayson2可以管理fayson1这个队列 5.同样的方式新建fayson2队 ? ? 注意:这里管理访问策略不设置,默认集成队列root的用户/。...3.保存配置修改并重启集群,再次YARN的8088查看作业,可以成功打开查看。 ? ? 可以打开查看。...4.我们在第二章“创建队列并进行ACL设置”,对于root.fayson2队的“管理访问控制”设置为空,默认继承队列root的用户/。 ?...5.我们在第二章“创建队列并进行ACL设置”,对于root.fayson1队的“管理访问控制”设置为fayson2,但是在“提交访问控制”却没有设置fayson2用户/。 ? ?

    5.2K70

    CSS进阶11-表格table

    单元格的行和可以组织成行。行,,行和单元格可以在它们周围绘制边框(CSS 2.2有两个边框模型)。...每个行其最顶端单元格的左上角延伸到最后一最底部单元格的右下角。 倒数第二层包含行rows。每一行都与行一样宽,并且与行中标准(单行跨越single-row-spanning)单元一样高。...在此算法,行(和行)和(和)都约束并受其包含的单元的维度约束。设置的宽度可能会间接影响行的高度,反之亦然。在此不予详述。可以参考Column widths。...CSS 2.2没有定义表单元格和表行的高度是如何用百分比值指定其高度的。CSS 2.2没有定义行上“高度”的含义。 在CSS 2.2,单元格盒的高度是内容所需的最小高度。...该值导致整个行或显示移除,并且由行或正常占据的空间将用于其他内容。与折叠的或行相交的跨行和的内容会被剪切。但是,对行或的抑制不会影响表格的布局。

    6.6K20

    第二章 In-Memory 体系结构 (IM-2.2)

    LOW; 要将 INMEMORY 属性应用于段的一部分列,必须在一个DDL语句中将所有指定为 INMEMORY,然后发出第二个DDL语句以指定排除的列上的 NO INMEMORY 属性。...较高的压缩级别导致IMCU的更多行。 在IMCU和一数据库之间存在一对多映射。 如示例 2-2 所示,每个IMCU存储用于不同集合的的值。 IMCU不排序。...表仅存在5行,存储在2个数据。...下图说明了CU如何在 vehicles 表存储 name 。 图 2-8 本地词典 在前面的图中,CU只包含7行。...创建IMEU时,工作进程执行以下任务: 识别人口的虚拟 创建虚拟值 计算每一行的值,将数据转换为格式,并压缩它 向空间层注册对象 将IMEU与其对应的IMCU关联 注: 在IMEU创建期间,IMCU

    1.1K30

    css应知应会 第三集

    元素的水平排列方式 属性:text-align 取值:left/center/right/justify 3、文本修饰...单元格的大小由设定的值来决定的 2、加载时速度较快(优点) 3、灵活性太低(缺点) 4、在确定每大小时使用...普通流定位,又称为 文档流定位 ,页面元素的默认定位方式 特点: 1、每个元素在页面中都会占据一定的空间 2、每个元素都是在其父元素左上角开始排列...3、每个级元素在页面独占一行,每个级元素都是按照从上到下的方式排列的 4、多个行内元素会在一行显示,显示不下再换行 问题:如何在页面解决多个级元素在一行内的显示问题...,那么将具备以下几个特点: 1、浮动元素会被排除在文档流之外,即脱离文档流,不占据页面空间,后续元素要上前补位 2、浮动元素会停靠在元素的左边 或 右边

    1.6K20

    如何在Debian 10上使用Postgres,Nginx和Gunicorn设置Django

    您可以通过运行我们的初始服务器设置指南来了解如何设置它。 我们将在虚拟环境安装Django。 将Django安装到特定于项目的环境中将允许单独处理您的项目及其需求。...再次,使用我们在本教程创建的Nginx服务器来执行该过程。 对Nginx和Gunicorn进行故障排除 如果最后一步未显示您的应用程序,则需要对安装进行故障排除。...项目服务器的server_name必须比要选择的默认服务器的server_name更具体。...通过查看权限(第一),所有者(第二)和所有者(第三),我们可以确定允许哪种类型的访问套接字文件。...在上面的示例,套接字文件和通向套接字文件的每个目录都具有全局读取和执行权限(目录的权限以rx而不是---结尾)。 Nginx进程应该能够成功访问套接字。

    5.9K30

    RChain的跨分片交易算法

    如何实现跨行转账呢? 1、架构 分区是一个树形结构 依赖关系是子分片依赖分片 子分片的validators可以作为分片的客户端 ?...token在分片和子分片的转义是通过智能合约去实现的 在分片中的智能合约叫做Depository,它代表存储在子分片中token的余额数 当余额从子分片转到分片当中的时候,它是Depository...在消息发送到其他分片前要经过共识,发送消息的意图将存储在,并且只有在完成后才发送。...,消息存储在区块链 5、共识达成之后,进行下一步 ?...Tips:图片上的字看着有点小,右键选择“在新标签页面打开图片”看着就比较大了 2、相关名词解释 Shard (aka locale) - 有自己的一验证人的独立网络 Shard tree - 分片的结构

    99820

    【重磅推荐】Library Cache等待事件深入剖析SQL解析

    编辑手记:在很多生产系统,程序员经意不经意写下的一条SQL都可能带来性能上的巨大隐患,而DBA就要不断在这些问题中出生入死,这些不正确的SQL可能给我们带来哪些麻烦,如何识别和处理,本文将通过真实案例的分析深入解答...如何找到这些错误的、解析失败的SQL呢?... AWR Sleep 来看 shared pool 排在了第一位。调用的函数来看都是发生在硬解析这个过程。...主机最早的信息来看也是没有 SWAP 竞争出现的。 ? SGA 没有大量的 resize 也可以排除掉由于 SGA 组件抖动引起的。 以上信息,我们没有找到想要的结果,那么问题出现在哪里。...Library cache 是 shared pool 的一内存区域,主要作用就是缓存执行过的 SQL 语句所对应的执行计划信息等信息。

    1.1K40

    深入解析:由SQL解析失败看开发与DBA的性能之争

    李华 云和恩墨高级技术顾问 以下案例来自大讲堂的一次分享,从这个案例我们可以了解“错误的SQL”可能对数据库产生的种种影响。如何找到这些错误的、解析失败的SQL呢?...调用的函数来看都是发生在硬解析这个过程。...主机最早的信息来看也是没有 SWAP 竞争出现的。 SGA 没有大量的 resize 也可以排除掉由于 SGA 组件抖动引起的。 以上信息,我们没有找到想要的结果,那么问题出现在哪里。...Library cache 是 shared pool 的一内存区域,主要作用就是缓存执行过的 SQL 语句所对应的执行计划信息等信息。...游标与子游标结构是一样的,区别在于 sql 文本存储在游标对应的对象句柄,而 sql 的执行计划等信息存储在子游标对应的库缓存对象句柄 heap 6

    1.7K50

    MySQL性能优化(三):索引

    BTREE:一颗倒立的树,每个节点都有节点,节点下面的节点称之为子节点(叶子节点),比节点值小的位于节点下面的左方,比节点值大的子节点放置在节点下面的右下方。 ?...记录索引的值和对应的记录所在的磁盘位置,每次排除掉一半, 检索一次相当排除掉2的n次幂,使用二叉树排除30次相当于全表排除10亿次。...比如查询id=11的值,首先和6比,比6大就排除掉左边的,继续和9比较,11比9大,又排除掉左边的一般,和11进行比较,相等就找到了结果。...④在哪些列上适合添加索引 频繁作为查询条件的或者连接条件的适合创建索引,即Where或者是连接子句指定的 唯一性太差的字段不适合创建索引,如性别 更新非常频繁的字段不适合创建索引 不作为where...5个,单个索引的字段数不超过5个。

    76920

    Grid 布局算法!自己动手实现一个 Grid

    比如: 可以定义行和 可以分别为每一行和指定宽高 宽高的值可选 Auto, * 和数值 Auto 表示 Grid 将按照元素的实际所需尺寸进行布局 * 表示行列在布局的比例,* 前面的数值表示比例值...数值使用的是 WPF/UWP 布局单位 元素在 Grid 可跨行或跨 基本上大家所熟知的 Grid 布局差不多就这样么多了。...: 测量过程 寻找所有行列范围包含 Auto 和 * 的元素,使用全部可用尺寸提前测量 排除所有固定尺寸的行列,然后总长中将其减掉 进行循环(以排除全部 min 要求的,总长为负也要继续)...计算单位星长(单位星长 = 剩余总长 / 星数,最小为 0) 找出第一个不满足 min 要求的 *,置其长度为 min,排除此行列,然后总长中将其减掉 所有的 * 检查完毕后,退出循环...,设定为 Auto 的尺寸,排除此行列,然后总长中将其减掉 所有的 Auto 检查完毕后,退出循环 按照级尺寸估算 * 的尺寸 如果还有剩余长度,则将 * 展开,但需要考虑 * 行列的最小尺寸

    1.7K20

    如何在Ubuntu 16.04上使用uWSGI和Nginx为Django应用程序提供服务

    我们将在本节删除解释,看看你是如何完成这一次的。 移回主目录并为新项目创建第二个虚拟环境。...这可以Ubuntu的默认存储库下载: sudo apt-get install nginx 一旦安装了Nginx,我们就可以继续为每个项目创建一个服务器配置文件。...通过创建服务器配置文件第一个项目开始: sudo nano /etc/nginx/sites-available/firstsite 在内部,我们可以通过指示应该可以访问第一个项目的端口号和域名来启动我们的服务器...通过查看权限(第一),所有者(第二)和所有者(第三),我们可以确定允许哪种类型的访问套接字文件。...在上面的示例,导致套接字文件的每个目录都具有全局读取和执行权限(目录的权限以r-x而不是---)。该www-data拥有套接字本身的所有权。

    4.3K00

    蚂蚁集团:Apache HoraeDB时序数据库性能提升2-4倍是如何做到的?

    例如,如果查询条件指定了IP地址尾号为1的机器,而我们已经记录了IP地址的最大值和最小值,系统就可以迅速排除不包含该条件的数据,直接定位到符合条件的数据,从而实现了高效的数据过滤。...然而,在读取操作,通常不需要访问行中所有的数据。...当这个可读写的数据段达到一定的内存大小时,系统会自动将其转换为存储格式,形成一个不可变的数据。这样,只有当查询真正需要时,才进行数据格式的转换。...以一个查询为例,如果查询包含两个筛选条件,比如 IP 和 ENV,SST 存储了大量数据,我们如何高效地筛选出所需的数据呢?...排序后,我们可以使用最大值和最小值快速定位到所需数据,而排除其他数据。这种优化表顺序的方法在业界也是常用的,类似于 Snowflake 的 Automatic Clustering 技术。

    50910
    领券