React: почему импортированная переменная в хуке useCallback не определена?

Question

[thehighhomie]

Есть файл myModule.js:

let myModule = 500;
export { myModule };

и есть компонент, который импортирует переменную из модуля и переопределет в хуке useCallback:

import React, { useCallback } from "react";
import { myModule } from "./myModule";

export const MyComponent = () => {
  const myRef = useCallback(() => {
    myModule = 500; // ошибка, так как переменная не определена
  }, []);

  return <div ref={myRef} />;
};

Answer 1

[Дмитрий]

это просто импорт, в чем смысл его перезаписывать, он содержит в себе значение из файла. Создайте другую переменную, инициируйте ее значением myModule и перезаписывайте ее сколько влезет.

Если же вы хотите изменить значение переменной в файле, откуда импортируете, то создайте там функцию, импортируйте ее и вызывайте, передавая нужный параметр, а она уже будет менять значение переменной.

Comments

[thehighhomie]

не важно для каких целей мне это нужно, важно то, что не работает, хотя должно, и я хочу понять почему.

[Дмитрий]

thehighhomie, Нет, это не должно работать, алиас импортированного значения не является перезаписываемой переменной

[thehighhomie]

Дмитрий, это работает в моем приложении на vue. я там храню инстанс фреймворка.

[Дмитрий]

thehighhomie, Может из-за этой строчки?
export { myModule };

может просто написатьexport let myModule = 500?

[thehighhomie]

я искрене извиняюсь что доказывал неправду. в моем приложении я не импортируемый модуль переопределял а в самом модуле экспортировал функцию, которая переопределяет переменную.

но если бы не вы, я бы не перепроверил) спасибо вам, вы были правы что нельзя переопределять алиасы)

export { myModule };

может просто написатьexport let myModule = 500?

по поводу этого: на тостере нужно еще уметь вопросы писать так, чтобы люди сразу по делу тебе отвечали, но это сложно и не всегда получается. например в этом случае я специально не экспортировал в одну строку, чтобы люди явно видели "let" а то могут же ведь написать что-то в духе у вас "const" или еще подобное, просто невнимательно посмотрев на код)) уже что-то подобное было)