Как определить локальную переменную в другом файле реакции?

Question

[Shakir Darion]

Я должен использовать переменную Abc из a.tsx в другой файл b.tsx. Как я могу получить доступ к этой переменной Abc в другом файле .tsx?

Текущий a.tsx:

export const ProfilePicEditor = (props: ProfilePicEditorProps) => {
    const [Abc, setAbc] = useState(
        'some string'
    )

Я попытался сделать «export {Abc}» в моем файле a.tsx и импортировать его в файл b.tsx как «Import {Abc} из« a.tsx ». Но это не сработало. Любые возможные причины?
( Я могу работать с хуками в одном и том же файле, но когда я пытаюсь использовать функцию импорта в b.tsx, это выдает ошибку, когда я не могу найти имя Abc или Abc не существует в ProfilePicEditor );

Comments

[Петр Мухуров]

Если бы можно было экспортировать из useState в компоненте переменные в другие файлы, это был бы дикий треш. Для этого есть контекст/пропсы/стейт менеджеры

Answer 1

[Антон Спирин]

Lifting state up
Либо использовать state management библиотеку. Например, Redux или MobX.