import React, { useEffect, useState } from 'react';
import logo from './assets/images/logo.svg';
import robots from './mockdata/robot.json';
import Robot from './components/robot';
import styles from './App.module.css'
import ShoppingCar from './components/ShoppingCar';
import { render } from '@testing-library/react';

interface Props{}
interface State{
  robotGallery:any[];
}
const App:React.FC =(props)=>{
  const [ count,setCount ] = useState<number>(0);
  const [robotGallery,setRobotGallery] = useState<any>([])
  useEffect(()=>{
    document.title=`点击${count}次`
  },[count])
  console.log("123")
  useEffect(()=>{
    fetch("https://jsonplaceholder.typicode.com/users")
    .then(res=>res.json())
    .then(data=>setRobotGallery(data))
  },[])
    return (
      <div className={styles.app}>
      <div className={styles.appHeader}>
        <img src={logo} className={styles.appLogo} alt="" />
        <h1>罗伯特机器人炫酷吊炸天online购机平台名字要长才吊</h1>
      </div>
      <button onClick={()=>{
          setCount(count+1)
        }
      }>
        click
      </button>
      <span>count:{count}</span>
      <ShoppingCar></ShoppingCar>
      <div className={styles.robotList}>
        {robotGallery.map((r:any)=>{
          return <Robot id={r.id} name={r.name} email={r.email}></Robot>
        })}
      </div>
    </div>
    )
}

export default App;

老师您好：我在console.log(“123”)这里打断点，为什么执行了6次呢 ，接口也是在network中显示发起了2次