【react】在react中祖父、父亲、孙子组件层层解构其余属性props时报错children.forEach is not function
起因
报错children.forEacht is not function
分析原因
由于地址组件本身存在options，此时父组件又传递…otherProps，且解构了父级组件的otherProps，其中others解构后的属性就有options，因此产生了属性冲突，导致属性options被覆盖。
示例代码
optionsProps中，包含了另外一个options，替换了options={area}，导致报错（因为Cascader的options属性是接收数组类型的数据的，传进来的新options是对象类型）：
// 这边是孙子组件<CascadershowSearch={showSearch}changeOnSelect={changeOnSelect}options={area} // 这个属性将被覆盖value={initialValue}onChange={handleChanged}{...optionsProps}/>
解决办法
重命名该属性
相关文章：
【react】在react中祖父、父亲、孙子组件层层解构其余属性props时报错children.forEach is not function
起因 报错children.forEacht is not function 分析原因 由于地址组件本身存在options，此时父组件又传递…otherProps，且解构了父级组件的otherProps，其中others解构后的属性就有options，因此产生了属性冲突，导致属性…...
P9831 [ICPC2020 Shanghai R] Gitignore
P9831 [ICPC2020 Shanghai R] Gitignore - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 只看题意翻译这道题是做不出来的，还要去看英文里面的规定（这里就不放英文了），主要问题是不要公用子文件夹。 例如: 1 / a / 2 2 / a / 3…...
LinkList集合方法（自写）
在使用以下方法时需要定义一个LinkNode类来定义变量，new一个新对象进行调用，输出时需要定义输出方法 public class ListNode {int value;ListNode next;//public ListNode(int value) {this.value value;}public String toString(){return "ListN…...
Ansible playbook自动化运维工具详解
Ansible playbook自动化运维工具详解 一、playbook的相关知识1.1、playbook 的简介1.2、playbook的 各部分组成 二、基础的playbook剧本编写实例三、 playbook的定义、引用变量3.1、基础变量的定义与引用3.2、引用fact信息中的变量 四、playbook中的when条件判断和变量循环使用…...
图像切分：将一张长图片切分为指定长宽的多张图片
1.需求 比如有一张很长的图片其大小为宽度779，高度为122552，那我想把图片切分为779乘以1280的格式。 步骤如下： 使用图像处理库（如PIL或OpenCV）加载原始图片。确定子图片的宽度和高度。计算原始图片的宽度和高度&am…...
ROS学习笔记（5）:ros_control
1.ros_control简介 ros_control - ROS Wiki ros_control是为ROS提供的机器人控制包，包含一系列控制器接口、传动装置接口、控制器工具箱等,有效帮助机器人应用功能包快速落地，提高开发效率。 2.ros_control框架 ros_control总体框架： 针对…...
《008.Springboot+vue之自习室选座系统》
[火]《008.Springbootvue之自习室选座系统》 项目简介 [1]本系统涉及到的技术主要如下： 推荐环境配置：DEA jdk1.8 Maven MySQL 前后端分离; 后台：SpringBootMybatisredis; 前台：vueElementUI; [2]功能模块展示： 前端…...
道可云元宇宙每日资讯｜5G数智新时代元宇宙发展论坛在厦门举办
道可云元宇宙每日简报（2023年11月6日）讯，今日元宇宙新鲜事有： 5G数智新时代元宇宙发展论坛在厦门举办 3日，由2023年中国金鸡百花电影节执委会主办、厦门电影节有限公司协办的“5G数智新时代元宇宙发展论坛暨‘中国白德…...
使用 Go 写入文件
在本教程中，我们将学习如何使用 Go 将数据写入文件。我们还将学习如何同时写入文件。 本教程有以下部分 将字符串写入文件将字节写入文件逐行将数据写入文件附加到文件同时写入文件 由于 Playground 不支持文件操作，请在本地系统中运行本教程的所有程…...
调用DeleteLocalRef的正确姿势
做安卓jni相关开发的总会在涉及到jni变量释放时怀疑人生，what? where? when? who? why? how? how much? 最近碰到一个比较奇怪的问题，有一个jni方法的耗时在随着调用次数的增加而上涨，但是没有明显的内存泄漏，经过我缜密分…...
抖音小店从0到1起店流程，实操经验分享！
我是电商珠珠 很多人在开店之后，并不知道怎么做。往往会有人跑来问我说，开店之后怎么做啊，流程方面我还不是很熟悉啊等等。 这份起店流程备好了，将来对你有用。 第一步，店铺基础设置 在店铺开好之后，不…...
MySQL权限
权限 MySQL 允许客户端用户连接到服务器并访问服务器管理数据，MySQL 用户权限系统的主要功能是对给定主机连接的用户进行身份验证，并将该用户与数据库的权限相关联。 在 MySQL8 之前，授权表使用 MyISAM 并且是非事务性的，在 MyS…...
Nginx服务器安装证书并启用SSL(acme.sh)
前提 您已购置vps服务器，例如阿里云全球站ecs、AWS EC2、Azure VM、GCP Compute等安全组已开启80、443端口，且访问源设置为0.0.0.0/0域名已设置A记录指向当前操作服务器，若您使用aws ec2，有公有 IPv4 DNS，可供使用 安…...
c++实现观察者模式
前言 我觉得这是最有意思的模式，其中一个动，另外的自动跟着动。发布-订阅，我觉得很巧妙。 代码 头文件 #pragma once #include<vector> #include<string> #include<iostream>// 抽象观察者 class Aobserver { public:v…...
C 语言左移位操作在kernel驱动子系统中的特殊用途
文章目录 前言一、C语言左移位操作介绍1. 左移位二、左移位操作在kernel 驱动子系统中的应用1. 左移位操作在 V4L2, Media 子系统中的应用实例2.左移位操作在 DRM 子系统中的应用实例2.1 左移位操作在struct drm_crtc 中的应用2.2 左移位操作在struct drm_encoder 中的应用总结…...
kafka3.6.0集群部署
环境准备 机器环境 系统主机名IP地址centos7.9kafka01192.168.200.51centos7.9kafka02192.168.200.52centos7.9kafka03192.168.200.53 所需软件 jdk-8u171-linux-x64.tar.gzapache-zookeeper-3.8.3-bin.tar.gz https://dlcdn.apache.org/zookeeper/zookeeper-3.8.3/apache-zook…...
JAVA客户端使用账号密码调用influxdb2报错：{“code“:“unauthorized“,“message“:“Unauthorized“}
问题：JAVA客户端访问influxdb2报错 说明：当前influxdb版本：2.6.1 使用依赖： <dependency><groupId>org.influxdb</groupId><artifactId>influxdb-java</artifactId><version>2.10</vers…...
Mysql查询今天到期、n天即将到期、还有n天过期相关sql
超级治愈的一段话 其实你已经很幸福了，吃饱穿暖，没病没灾，隔三岔五还能吃顿好的，偶尔还能睡到自然醒，肥嘟嘟的一身福气。人这一辈子，要是能够逃过天灾，躲过战乱，不遇歹人，不生大病，就已经是非常幸运了，要是还能家庭和谐，收人稳定，三五知己，那更是天大的福泽。 -…...
【漏洞复现】Apache Log4j Server 反序列化命令执行漏洞（CVE-2017-5645）
感谢互联网提供分享知识与智慧，在法治的社会里，请遵守有关法律法规 文章目录 1.1、漏洞描述1.2、漏洞等级1.3、影响版本1.4、漏洞复现1、基础环境2、漏洞扫描3、漏洞验证 1.5、深度利用1、反弹Shell 说明内容漏洞编号CVE-2017-5645漏洞名称Log4j Server …...
【江协科技-用0.96寸OLED播放知名艺人打篮球视频】
Python进行视频图像处理，通过串口发送给stm32，stm32接收数据，刷新OLED进行显示。 步骤： 1.按照接线图连接好硬件 2.把Keil工程的代码下载到STM32中 3.运行Python代码，通过串口把处理后的数据发送给STM32进行显示 …...
盘古信息PCB行业解决方案：以全域场景重构，激活智造新未来
一、破局：PCB行业的时代之问 在数字经济蓬勃发展的浪潮中，PCB（印制电路板）作为 “电子产品之母”，其重要性愈发凸显。随着 5G、人工智能等新兴技术的加速渗透，PCB行业面临着前所未有的挑战与机遇。产品迭代…...
Java如何权衡是使用无序的数组还是有序的数组
在 Java 中，选择有序数组还是无序数组取决于具体场景的性能需求与操作特点。以下是关键权衡因素及决策指南： ⚖️ 核心权衡维度 维度有序数组无序数组查询性能二分查找 O(log n) ✅线性扫描 O(n) ❌插入/删除需移位维护顺序 O(n) ❌直接操作尾部 O(1) ✅内存开销与无序数组相…...
华为OD机试-食堂供餐-二分法
import java.util.Arrays; import java.util.Scanner;public class DemoTest3 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseint a in.nextIn…...
HarmonyOS运动开发：如何用mpchart绘制运动配速图表
##鸿蒙核心技术##运动开发##Sensor Service Kit（传感器服务）# 前言 在运动类应用中，运动数据的可视化是提升用户体验的重要环节。通过直观的图表展示运动过程中的关键数据，如配速、距离、卡路里消耗等，用户可以更清晰…...
安宝特方案丨船舶智造的“AR+AI+作业标准化管理解决方案”（装配）
船舶制造装配管理现状：装配工作依赖人工经验，装配工人凭借长期实践积累的操作技巧完成零部件组装。企业通常制定了装配作业指导书，但在实际执行中，工人对指导书的理解和遵循程度参差不齐。 船舶装配过程中的挑战与需求 挑战 (1…...
NXP S32K146 T-Box 携手 SD NAND（贴片式TF卡）：驱动汽车智能革新的黄金组合
在汽车智能化的汹涌浪潮中，车辆不再仅仅是传统的交通工具，而是逐步演变为高度智能的移动终端。这一转变的核心支撑，来自于车内关键技术的深度融合与协同创新。车载远程信息处理盒（T-Box）方案：NXP S32K146 与…...
视觉slam十四讲实践部分记录——ch2、ch3
ch2 一、使用g++编译.cpp为可执行文件并运行(P30) g++ helloSLAM.cpp ./a.out运行 二、使用cmake编译 mkdir build cd build cmake .. makeCMakeCache.txt 文件仍然指向旧的目录。这表明在源代码目录中可能还存在旧的 CMakeCache.txt 文件，或者在构建过程中仍然引用了旧的路…...
R语言速释制剂QBD解决方案之三
本文是《Quality by Design for ANDAs: An Example for Immediate-Release Dosage Forms》第一个处方的R语言解决方案。 第一个处方研究评估原料药粒径分布、MCC/Lactose比例、崩解剂用量对制剂CQAs的影响。 第二处方研究用于理解颗粒外加硬脂酸镁和滑石粉对片剂质量和可生产…...
解决：Android studio 编译后报错\app\src\main\cpp\CMakeLists.txt‘ to exist
现象： android studio报错： [CXX1409] D:\GitLab\xxxxx\app.cxx\Debug\3f3w4y1i\arm64-v8a\android_gradle_build.json : expected buildFiles file ‘D:\GitLab\xxxxx\app\src\main\cpp\CMakeLists.txt’ to exist 解决： 不要动CMakeLists.…...
认识CMake并使用CMake构建自己的第一个项目
1.CMake的作用和优势 跨平台支持：CMake支持多种操作系统和编译器，使用同一份构建配置可以在不同的环境中使用 简化配置：通过CMakeLists.txt文件，用户可以定义项目结构、依赖项、编译选项等，无需手动编写复杂的构建脚本…...