javascript - React JSX 对 web api 的条件调用

Question

我是 React JS 的初学者。谁能帮我在 JSX 中编写条件 API 调用。我正在尝试以下，但它不工作

const GetOrPost = useState(true);

const GetOrPostDataFeed = (formdata)=>{

if(GetOrPost)
{
acquireToken().then((response) => {
                fetch(window.location.origin + '/api/file', { method: 'POST', headers: { Authorization: 'Bearer ' + response.accessToken }, body: formData })
                    .then(response => response.json())
                    .then(data => { console.log('Success:', data);  })
                    .catch((error) => {
                        console.error('Error:', error);
                        trackError(error);
                         });
                    });
}
else
{
acquireToken().then((response) => {
            fetch(window.location.origin + '/api/GetDetail/' + id)
                .then(response => response.json())
                .then(data => { console.log('Success:', data);  })
                .catch((error) => {
                    console.error('Error:', error);
                    trackError(error);
                });
        });
}

}

标签： javascriptreactjsapi

Answer 1

您以错误的方式声明状态。您需要这样的更新组件：

const [GetOrPost, setGetOrPost ] = useState(true);

GetOrPost 是值，setGetOrPost 是更改值的函数GetOrPost。你可以在这里阅读更多