如何让React待办事项应用的搜索功能支持大小写不敏感查询

你只需要将搜索文本也转换为小写，和统一转成小写的标题进行匹配即可实现大小写不敏感查询。

修改你的 filterNotes 定义行：

const filterNotes = notes.filter((noteText) => noteText.title.toLowerCase().includes(searchText.toLowerCase())); 

原理说明 #

• 将笔记标题 noteText.title 转成小写，同时把用户输入的搜索文本 searchText 也转成小写
• 两者统一为小写后进行包含匹配，无论输入的是 JAVAscrIPT、jAVAscriPT 还是其他大小写组合，都能和标题 javaScript（转小写后为javascript）匹配成功

如果需要处理更复杂的语言场景（如包含特殊字符的大小写转换），可以考虑使用 localeCompare 或正则表达式，但对于绝大多数普通搜索场景，上述修改已经足够解决问题。

内容的提问来源于stack exchange，提问作者Juan Jesús