如果名称在react中有空格，则无法搜索该名称
在React中，如果组件的名称中包含空格，则无法通过正常的方式进行搜索和引用该组件。这是因为React组件的名称在内部被用作JavaScript标识符，而JavaScript不允许使用空格作为标识符的一部分。
为了解决这个问题，可以采用以下两种方法之一：
- 使用驼峰命名法：将组件名称中的空格替换为驼峰命名法（Camel Case）。例如，如果组件名称是"Hello World"，可以将其改为"HelloWorld"。这样就可以在React中正常引用该组件。
- 使用引号包裹组件名称：如果你确实需要在组件名称中包含空格，可以使用引号将组件名称包裹起来。例如，如果组件名称是"Hello World"，可以在引用该组件时使用引号，如下所示：
import "Hello World" from "./HelloWorld";需要注意的是，使用引号包裹组件名称会导致该组件被视为字符串而不是标识符，因此在引用时需要格外小心。
以上是解决在React中无法搜索带有空格的组件名称的两种方法。根据具体的需求和实际情况选择适合的方法即可。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cmysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（TBaaS）：https://cloud.tencent.com/product/tbaas
- 腾讯云物联网平台（TIoT）：https://cloud.tencent.com/product/tiot
- 腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
相关·内容
1回答
我有一个字段，我可以插入一个特定的名字，并找到具有通信者姓名的用户，这是在react开发的。当名称类似于"test“时，我的代码可以工作，但如果名称类似于"this test”(如果名称上有空格)，我的后端将收到这种格式的名称(" this %20test")，当我在数据库中搜索该名称时，该条目返回我该如何解决这个问题呢？我想在我的前端解决这
浏览 12提问于2019-03-31得票数 0
回答已采纳
1回答
我有一个存储在azure上的网站，为此我获得了SSL证书。我正在尝试将www.mywebsite.com重定向到，但没有成功。顺便说一下，智能感知似乎无法识别重写。
浏览 0提问于2013-07-02得票数 5
回答已采纳
我正在使用React引用一些名称中有空格的(本地)图像。例如。但是，React无法加载/渲染图像。但是，当我删除图像名称中的空格时，React能够正确地渲染图像。
浏览 0提问于2020-10-28得票数 0
1回答
大家好，我正在尝试删除目录中的一个文件，该目录的名称中有空格，我正在尝试这样做我唯一的问题是，如果最老的文件在名称中有空格，就无法删除它。
浏览 1提问于2014-06-29得票数 0
回答已采纳
8回答
创建一个应用程序，该应用程序在文本框中接受一个人的名字和姓氏(中间有一个或多个空格)，当单击“单独的名字”按钮时，这些名字将单独显示，并带有适当的标签。例如，输入“Bob Brown”将导致输出Family Name :Brown给定名称:Bobstring str=textBox1.Text;MessageBox.Show("Family Name: " + name[1] + "\t&
浏览 0提问于2015-06-17得票数 2
1回答
具有特殊字符的认知搜索
、、、
我们对搜索需求使用认知搜索，而我无法在具有特殊字符的字段上进行通配符搜索。但是，如果此文档中此名称字段的值为!asdf，则无法使用通配符搜索它。我尝试使用术语!as*、\!as*和/\!as*/进行搜索。只有当我执行!asdf时，这才有效
浏览 2提问于2020-11-10得票数 0
回答已采纳
我试图在一个文件中搜索一个字符串，但是因为我要搜索的字符串中有一个空格，所以这个函数无法找到该字符串。例如，如果.txt文件中的字符串为"hello"，而函数中输入的字符串为"he“，则此函数也会查找匹配项。有没有一种方法可以在文件中搜索确切的字符串，即使其中有空格
浏览 31提问于2021-02-27得票数 1
回答已采纳
如果产品名称之间没有空格，sphinx搜索将不起作用。例如，如果我的产品名称是"LINEN BLAZER“，而我试图搜索"LINENBLAZER”，则结果不会显示。
浏览 0提问于2016-10-21得票数 1
2回答
我正在使用shell_exec()函数在php中复制文件(在windows IIS上)。我使用的命令是：在图像名称($image_url)的名称中没有空格之前，这是正常工作的。但是，如果图像名称中有空格，则此操作将失败。
有
浏览 0提问于2012-11-02得票数 1
回答已采纳
如果搜索项中有一个空格(或多个空格)，我只希望查询在最后一个空格之后对字符串进行类似的比较。例如，假设数据库中有两个可能的值：
SELECT name FROM items WHERE name LIKE'SEARCH_TERM%'
我想要的是，如果用户输入' Bolt‘然后是
浏览 4提问于2014-11-27得票数 1
回答已采纳
我有一个名为"Search Results“的SharePoint列表，该列表中有一个名为"Users”的字段，我正尝试将其设置为特定记录ID的值“Test值”。在Chrome控制台中，我收到一条“加载资源失败:服务器响应状态为400 (Bad Request)”的消息，然后是一个链接。 当我点击链接时，我可以在我的屏幕上看到SharePoint格式的记录。
浏览 18提问于2020-12-10得票数 0
回答已采纳
1回答
假设有一条像<base-url>/search这样的路线import { Link, BrowserRouter as Router, Route } from "react-router-dom";...如何将路径名实时更改为搜索输入的名称？如果文本框为空，则默认为<base-u
浏览 1提问于2021-05-30得票数 0
回答已采纳
1回答
我正在尝试通过MongoDB - findOne -dom的NavLink查询react-router-dom中的一个集合，这个集合的名字与字符串prop匹配。通过NavLink实现的特性是用连字符代替空格，但也有一些名称中有连字符和空格。这会导致not found错误，因为我当前的正则表达式将所有连字符都替换为空格。在前端，我使用NavLink，所以我去掉了空格以遵循URL最佳实践( url示例：example.com/this-persons-name)，
浏览 19提问于2019-04-03得票数 0
2回答
我很难找到一个与名称匹配的正则表达式，该表达式中可以包含一个空格。到目前为止，这是我尝试过的：
这里有一些不匹配正则表达式的名
浏览 8提问于2021-12-14得票数 0
回答已采纳
我有对象数组，我必须对名称basis.suppose进行搜索操作，列表中有5个对象有名称，如果我在搜索框中输入"a“，则结果应该是"arun，ashok..”所有的名称都以a开头，但是如果我输入"ar“，那么只有"arun”应该是result .Please谁能帮我在arraylist中搜索这个类型。
浏览 3提问于2012-09-07得票数 0
回答已采纳
我试图根据名称搜索用户。如果名称是从名字中指定的，那么它就可以很好地搜索，但是没有搜索字符串中的第二个名称。其中，第一和第二两者都保存在一个由空格分隔的值中，例如"John“。如果搜索“约翰”或“乔”等，它会检索记录，但如果是史密斯，则什么也找不到。
浏览 1提问于2017-03-22得票数 1
我试图将一个参数传递给一个进程，一个名称中有空格的文件夹。它无法识别该文件夹。我该怎么做呢？proc.FileName = @"C:\batches\my_batch.bat";
这个过程不会启动-如果我使用的文件夹名称中没有空格
浏览 0提问于2011-07-03得票数 7
2回答
由于名称不遵循默认的命名方案Interop.Xyz.dll，所以我猜互操作程序集只是简单地重命名。(即使DLL是由Visual以默认名称生成的，如果DLL的名称中有空格，则空格将丢失，因此很难再次找到源DLL )我想我需要使用拆卸工具。最好是我正在寻找一个解决方案，在中工作，因为我没有反射器许可证。
浏览 1提问于2014-02-12得票数 1
回答已采纳
我正在关注这个react研讨会：Module not found: Can't resolve './AppRoutes'...下面是可编辑的项目url：
我在pg 17/27
浏览 13提问于2018-03-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
