javascript - 这个 setState 的反应钩子是什么?
问题描述
我在 中找到了这段代码,但react-native-dynamic-search-bar
我找不到用react-native-hooks
.
this.setState({
query: text,
dataSource: newData,
});
这就是整个功能
const filterProjectList = (text) => {
var newData = dataBackup.filter((item) => {
const itemData = item.name.toLowerCase();
const textData = text.toLowerCase();
return itemData.indexOf(textData) > -1;
});
this.setState({
query: text,
dataSource: newData,
});
};
解决方案
您可以使用useState挂钩而不是 setState
你可以这样重写:
// yourComponent.js
import React, {useState} from 'react'
const yourComp =() =>{
const [query,setQuery] = useState("")
const [dataSource,setDatasource] = useState([])
const filterProjectList = (text) => {
var newData = dataBackup.filter((item) => {
const itemData = item.name.toLowerCase();
const textData = text.toLowerCase();
return itemData.indexOf(textData) > -1;
});
setQuery(text)
setDatasource(newData)
};
....
return <div>Hello World</div>
}
推荐阅读
- c - 为什么在汇编中的 if 语句中逻辑“不是”条件?
- php - 如何在php脚本中通过url查找文件大小
- php - 从 URL 中隐藏获取参数名称
- cumulocity - Angular App Login Authentication 仅使用用户名和密码,并从后端层检查关联的租户
- java - java - 如何从Java Spring中的Google Analytics API获取应用程序数据?
- python - 合并相似的字符串 Python
- web-services - ServiceStack:使用 HTTP 请求中的标头对每个请求进行身份验证
- asp.net - 如何在角度 4 中显示错误请求响应的主体?
- ruby-on-rails - serviceworker-rails gem 未与solidus eCommerce gem 集成
- sql - 为每个唯一列值选择最后一项