React: совместное использование переменной между функциями в одном компоненте - PullRequest
Новая
       40

React: совместное использование переменной между функциями в одном компоненте

0 голосов
/ 09 июля 2020

У меня есть функция, в которой я должен передать имя файла, чтобы он мог перейти к следующему компоненту, но я не знаю, как этого добиться в функциональном React. На данный момент у меня есть файл переменных, в котором хранится имя файла, возвращаемое из API ниже 

let file = "";
function submitForm(contentType, data, setResponse) {
    axios({
        url: `http://localhost:5000/uploadfile`,
        method: 'POST',
        data: data,
        headers: {
            'Content-Type': contentType
        }
    }).then((response) => {
        setResponse(response.data)
        file = response.data;
    }).catch((error) => {
        setResponse("error");
    })
}

, которое я должен передать здесь ниже в функции handleClick 

export default function Step2({fileName}) {

    function handleClick() {
        fileName = setFile(file);
        console.log(fileName);
        console.log(JSON.stringify(file));
        window.location.replace('/step3?fileName='+fileName)
    }

...

Мне нужно понять как это будет работать.

1 Ответ

0 голосов
/ 13 июля 2020

Я заставил это работать, имея функцию внутри функции компонента и ловушку useState.

...