Reactjs 为什么我要创建两次react app console.log？

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

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;

import React，{useState}来自“React”；
导入“/App.css”；
函数App（）{
常量应用程序ID='092fa53f'；
常量应用程序键='6fcf8c591c129cc3d01aefbda0d8a4d8'；
const recipe_url=`https://api.edamam.com/search?q=chicken&app_id=${APP_ID}&APP_key=${APP_key}`；
const[recipes，setRecipes]=useState（0）；
返回(
{console.log（'test'）}
);
}
导出默认应用程序；

这是故意的，它是（特别是）的一部分：

严格模式不能自动检测副作用，但它 通过使它们更具确定性，可以帮助您识别它们。 这是通过故意双重调用以下函数来实现的：

• 类组件

  构造函数

  ，

  呈现

  ，以及

  应组件更新

  方法
• 类组件静态

  getDerivedStateFromProps

  方法
• 功能组件体
• 状态更新程序函数（设置状态的第一个参数）
• 传递给

  useState

  、

  usemo

  或

  useReducer

如果从

index.js

中删除

stricmode

元素，您将看到输出只记录一次：

ReactDOM.render(<App />, document.getElementById('root'));

ReactDOM.render（，document.getElementById（'root'）；

---

请注意，在严格模式下，这只发生在开发中，而不是在生产中。

这是故意的，它是（特别是）的一部分：

严格模式不能自动检测副作用，但它 通过使它们更具确定性，可以帮助您识别它们。 这是通过故意双重调用以下函数来实现的：

• 类组件

  构造函数

  ，

  呈现

  ，以及

  应组件更新

  方法
• 类组件静态

  getDerivedStateFromProps

  方法
• 功能组件体
• 状态更新程序函数（设置状态的第一个参数）
• 传递给

  useState

  、

  usemo

  或

  useReducer

如果从

index.js

中删除

stricmode

元素，您将看到输出只记录一次：

ReactDOM.render(<App />, document.getElementById('root'));

ReactDOM.render（，document.getElementById（'root'）；

---

请注意，在严格模式下，这只发生在开发中，而不是在生产中。

您应该删除3个未使用的

const

s-现在您需要轮换这些凭据。这是否回答了您的问题？您应该删除3个未使用的

const

s-现在您需要轮换这些凭据。这是否回答了您的问题@pshaw20没问题，但请注意@pshaw20没问题中的指导，但请注意中的指导