主页 / 问题 / 1313461
Accepted
solarisedigle
Asked:2022-08-03 03:59:28 +0800 CST2022-08-03 03:59:28 +0800 CST

React：在useEffect中获取参数

  • 772

我使用 url 字符串中的参数在 useEffect 内的 ajax 请求中传递它。我收到此错误：conditional could make the dependencies of useEffect Hook

let query = new URLSearchParams(useLocation().search);
let sort = query.get('sort') ? JSON.parse(query.get('sort')) : [];
useEffect(() => {
    $.ajax({
        ...
        data: {jwt: localStorage.getItem('jwt'), sort: sort},
        ...
}, [sort]);

我该如何解决？建议 useMemory，但该钩子反过来会在查询时引起仇恨。据我了解，问题出在线路参数上。

javascript

1 个回答

  1. Best Answer

    现在sort，每个渲染都将分别是一个新对象，当将其作为依赖项传递时，它将导致执行useEffect组件中的任何更改。

    您可以使用 保存该值useMemo，如果没有任何更改，您可以获取相同的对象

    const query = useLocation().search;
let sort = useMemo(()=> new URLSearchParams(query).get('sort') ? JSON.parse(query.get('sort')) : [], [query]);

    现在，sort只有当前值已更改时，才会更新该值query。

    • 0

相关问题