Как исправить ошибку с таймером?

Question

[boban22]

Сделал таймер для вызова запроса каждые 10 секунд, таймер работает, но возникает ошибка TypeError: setInterval(...) is not a function, как пофиксить, чтобы таймер работал так же?

useEffect(()=> {
        (
            setInterval(async()=>{
                const response = await fetch('http://127.0.0.1:8000/api/timecalculate', {
                method: 'PUT',
                headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
                credentials: 'include',
            });
            var now = new Date();
            const content = await response.json();
            console.log(content + now);
            },10000)
        )()
        }
    )

Answer 1

[Александр]

useEffect(() => {
    let intervalId = setInterval(async () => {
        const response = await fetch('http://127.0.0.1:8000/api/timecalculate', {
            method: 'PUT',
            headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
            credentials: 'include',
        });
        const content = await response.json();
        const now = new Date();

        console.log(content + now);
    }, 10000)

    return () => {
        clearInterval(intervalId);
    };
}, []);

UPD: https://codesandbox.io/s/qna-q969499-m7b1n

Answer 2

[boban22]

Александр но так ломается таймер

Comments

[Александр]

А что Вы хотите получить? Запросы же идут раз в 10 секунд? return дописали?

[boban22]

Александр, да хочу каждые 10, но присмотритесь, там идет 10-1-10-1

[Александр]

boban22, https://codesandbox.io/s/qna-q969499-m7b1n