React.StrictMode严格模式导致的重复渲染

//APP.tsx

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

function App() {

  const [todoList, setTodoList] = useState([]);

  
  console.log(‘todoList‘);

  return (
    <div className="App">
          todolist
    </div>
  );
}


export default App;




//index.tsx

import React from ‘react‘;
import ReactDOM from ‘react-dom‘;
import ‘./index.css‘;
import App from ‘./App‘;

ReactDOM.render(
    <React.StrictMode>
        <App />,
    </React.StrictMode>,
    document.getElementById(‘root‘)
);