我只是使用create-react-
app设置制作一个简单的配方获取应用程序，但是当我尝试记录响应时，它记录了两次。我向后移动并删除了代码，直到它停止发生，并且无论出于何种原因，当我使用状态钩子时它都开始了：

import React, { useState } from 'react';
import './App.css';


function App() {
  const APP_ID = '092fa53f';
  const APP_KEY = '6fcf8c591c129cc3d01aefbda0d8a4d8';
  const recipe_url = `https://api.edamam.com/search?q=chicken&app_id=${APP_ID}&app_key=${APP_KEY}`;

  const [recipes, setRecipes] = useState(0);

  return (
    <div className="App">
      {console.log('test')}
    </div>
  );
}

export default App;