1

Впервые столкнулся с проблемой передачи по значению/ссылке в JS. Использую хук useState. И обнаружил что переменные, созданные с помощью такого хука, передаются в другие по ссылке. Да не просто по ссылке, а их ещё и дополнять можно.

const [time, setTime] = useState(0);
...
setTime(Date.now()); // времени между этими операциями достаточно
...
let currentTime = time + 1; // да, const тоже пробовал
setTime(0)                  // эта строчка уже в результате отчаяных эксперементов появилась
console.log(
  `cur time: ${currentTime}`,
  `   time: ${time}`,
  "\n\n"
);

А потом в консоль мне выдают:

cur time: 0
    time: 1     // вот тут я ожидаю что-то вроде 1602005420

Вопрос: как я могу отдать в currentTime текущее значение и дальше работать с time, не меняя значени currentTime?

P.S. Что я уже пробовал:

  • let time вместо [time, setTime] - работает, но разве нет способов с хуками?
  • const time - результат такой же
  • ещё одна промежуточная переменная const _time = currentTime - меняются обе без моего вмешательства

P.P.S. Я знаю, что объекты в JS передаются по ссылке, но, простите, я вывожу в консоль тип данных time и получаю Number.

4
  • объекты в JS передаются по ссылке - это неверно, всё в js передаётся по значению, включая указатели на объекты
    – vp_arth
    6 окт 2020 в 18:12
  • Можете на примере StackBlitz показать, что у вас не получается?
    – vp_arth
    6 окт 2020 в 18:27
  • useState — фича для компонентов-функций, для ререндера функция всегда вызывается заново. Если currentTime в области видимости функции, она уничтожается и создаётся новая.
    – vp_arth
    6 окт 2020 в 18:55
  • @vp_arth Спасибо, про области видимости я не подумал. Оформите, пожалуйста, ответ, чтоб я отметил. 8 окт 2020 в 9:02

1 ответ 1

1

useState — фича для компонентов-функций, для ререндера функция всегда вызывается заново.

Предположу, что у вас let currentState определён внутри функции-компонента.

function Time() {
    const [time, setTime] = useState(0)

    let currentTime = 0;

    const setCurrentTime = () => {
      currentTime = time;
    }
    // ...
    return <> </
}

Если currentTime в области видимости функции, она уничтожается и создаётся новая.

Решение, хранить состояние вне скоупа функции(во внешней переменной, в сервисе, в redux store, в другом useState, где угодно снаружи):

let currentTime = 0;
function Time() {
    const [time, setTime] = useState(0)
    const setCurrentTime = () => {
      currentTime = time;
    }
    // ...
    return <> </
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.