React本机未处理的promise拒绝网络错误

Question

我在react native中的这个简单api调用有问题，我不知道为什么。我在reactJs上做了完全相同的事情，它在浏览器上运行得非常好。

常量FlatListGames=（{导航}）=

 const [games,setGames] = useState([]);


 useEffect(() => {
    function fetchAPI(){
      axios.get('http://127.0.0.1:5000')
        .then(response => {
            setGames(response.data)
        })
        .then(error => console.log(error));
    }
    fetchAPI();
 }, [])

 console.log(games);

[未处理的promise拒绝：错误：网络错误]

• node\u modules/axios/lib/core/enhanceError。js:24:11错误。toJSON
• node_modules/axios/lib/adapters/xhr。js:114:23在DispatchXhrequest中
• 节点单元模块/事件目标填充程序/距离/事件目标填充程序。事件目标中的js:818:20。原型调度事件
• node\u modules/react native/Libraries/Network/XMLHttpRequest。setReadyState中的js:575:10
• node\u modules/react native/Libraries/Network/XMLHttpRequest。js:389:6 in _udidcompleteresponse
• node\u modules/react native/Libraries/vendor/emitter/EventEmitter。js:189:10英寸发射
• node\u modules/react native/Libraries/BatchedBridge/MessageQueue。js:425:19 in _ucallfunction
• node\u modules/react native/Libraries/BatchedBridge/MessageQueue。js:112:6 in _uguard$argument\u 0
• node\u modules/react native/Libraries/BatchedBridge/MessageQueue。js:373:10英寸_uGuard
• node\u modules/react native/Libraries/BatchedBridge/MessageQueue。调用函数ReturnFlushedQueue中的js:111:4

• [本机代码]：在call FunctionReportnFlushedQueue中为空

Answer 1

这是因为您没有使用。catch，而不是您正在使用的。然后<代码>。然后用于成功重新发送promise时，以及。catch用于发生错误时，因此需要将第二个catch替换为catch。

const FlatListGames = ({ navigation }) => {

 const [games,setGames] = useState([]);


 useEffect(() => {
    function fetchAPI(){
      axios.get('http://127.0.0.1:5000')
        .then(response => {
            setGames(response.data)
        })
        .catch(error => console.log(error));
    }
    fetchAPI();
 }, [])

 console.log(games