小编Sér*_*eia的帖子

React useEffect 无限循环获取数据 axios

我用这段代码得到了一个无限循环。

我一直在尝试其他帖子中的一些解决方案,但它们不起作用。

locationAddress 是一个地址数组,我正在尝试使用 Google Maps Geocode API 获取坐标。

    const reducer = (state, action) => {
        switch (action.type) {
            case 'add':
                return [
                    ...state,
                    {
                        address: action.address,
                        name: action.name,
                        id: action.id
                    }
                ];
            case 'remove':
                return state.filter((_, index) => index !== action.index)
            default:
                return state;
        }
    }

    const [locationAddress, setLocationAddress] = useReducer(reducer, []);

    const [coordinates, setCoordinates] = useState([]);

    useEffect(() => {
        const fetchLocation = async () => {
            for(let i = 0; i < locationAddress.length; i++) {
                const response = …
Run Code Online (Sandbox Code Playgroud)

infinite-loop fetch reactjs axios use-effect

3
推荐指数
1
解决办法
2739
查看次数

标签 统计

axios ×1

fetch ×1

infinite-loop ×1

reactjs ×1

use-effect ×1