reactjs - React Hooks - Axios Uncaught (in promise) 错误：网络错误

Question

[已解决] 我正在尝试使用反应钩子重构我已经在反应中的代码。我收到此错误：

xhr.js:178 GET https://api.chucknorris.is/jokes/search?query= net::ERR_NAME_NOT_RESOLVED
dispatchXhrRequest @ xhr.js:178
xhrAdapter @ xhr.js:12
dispatchRequest @ dispatchRequest.js:52
Promise.then (async)
request @ Axios.js:61
Axios.<computed> @ Axios.js:76
wrap @ bind.js:9
onSearchSubmit @ App.js:15
(anonymous) @ App.js:21
commitHookEffectListMount @ react-dom.development.js:19731
commitPassiveHookEffects @ react-dom.development.js:19769
callCallback @ react-dom.development.js:188
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
flushPassiveEffectsImpl @ react-dom.development.js:22853
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
flushPassiveEffects @ react-dom.development.js:22820
(anonymous) @ react-dom.development.js:22699
workLoop @ scheduler.development.js:597
flushWork @ scheduler.development.js:552
performWorkUntilDeadline @ scheduler.development.js:164
createError.js:16 Uncaught (in promise) Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:83)

这是我正在使用的 API： https ://api.chucknorris.io/

使用自由文本搜索：

https://api.chucknorris.io/jokes/search?query={query}

这是 github 仓库：

• https://github.com/analubarreto/chuck_jokes-hooks/tree/master/src

这些是产生错误的文件：

• https://github.com/analubarreto/chuck_jokes-hooks/blob/master/src/app/App.js
• https://github.com/analubarreto/chuck_jokes-hooks/blob/master/src/features/SearchBar.js

请：如果您只想说我问错了，请不要回答！我已经提供了我认为需要的所有信息。

编辑：花了我一段时间，但我意识到这是一个拼写错误

标签： reactjsapiaxiosreact-hooks

Answer 1

在这里检查：https ://codesandbox.io/s/github/analubarreto/chuck_jokes-hooks/blob/master/?file=/src/app/App.js 它工作正常，我得到了 API 响应。请参阅屏幕截图。

如果您的期望与此不同，请告诉我。