0

我有一个函数，我应该在其中传递文件名，以便它可以到达下一个组件，但我不知道如何在功能性 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)
    }

...

我需要了解这将如何工作。

4

1 回答 1

0

我通过在组件函数和 useState 挂钩中使用该函数来使其工作。

于 2020-07-13T00:32:04.110 回答