我正在尝试建立一个可以或不能接收查询字符串的代码。如果接收到所有查询字符串,我要执行一个函数:
Matcher matcher = pattern.matcher("111111111111111122);
while (matcher.find()) {
System.out.println(matcher.group());
}
// state for query
const [query,setQuery] = useState({
periodicity: "",stock: "",date: moment().subtract(1,"y"),investment: ""
});
// check if there are query strings
function useQuery() {
return new URLSearchParams(useLocation().search);
}
let qs = useQuery();
let queries = {};
// set query strings received
useEffect(() => {
if (qs.has("periodicity")) {
queries.periodicity = qs.get("periodicity");
}
if (qs.has("start_date")) {
queries.date = moment(qs.get("start_date"));
}
if (qs.has("symbol")) {
queries.stock = { value: qs.get("symbol"),label: qs.get("symbol") };
}
if (qs.has("investment")) {
queries.investment = qs.get("investment");
}
setQuery({ ...query,...queries });
if (
query.periodicity !== "" &&
query.stock !== "" &&
query.investment !== ""
) {
simulate();
}
},[]);
是initial state
状态。我正在做的是,在组件安装上,验证是否存在查询字符串,并更改组件以匹配收到的查询字符串。
问题是,我从未输入最后一个query
。我知道这是因为if (query.periodicity !== "" && query.stock !== "" && query.investment !== "")
将在下一次组件安装时更新状态,并且useState
仅运行一次,然后useEffect
更新状态。但是,如何在不进入循环的情况下进行修复?
我无法将useState
放入query
依赖项数组中,因为如果用户填充了所有数据并且填充了useEffect
状态,我就不想自动运行query
功能,因为用户需要单击按钮。如果进入此页面时收到所有需要的查询字符串,我只想自动运行它。
谢谢!