学习视频网址：

www.bilibili.com/video/BV1Z4…

课程安排

• React基础 + PC项目
• react基础 - react-router - mobx - pc管理后台
• react + hook + react-router-v6 + mobx + antD
• 源码地址：gitee.com/react-cp/re…
• 讲义地址：gitee.com/react-cp/re…

通过create-react-app 创建react_demo项目

• 1.项目src下只留 index.js 、 index.css 、 App.js 文件
• 2.删除文件下无用的内容
  • 将 src/index.js 相关的报告文件、测试文件删掉
    • import reportWebVitals from './reportWebVitals';
    • reportWebVitals();
  • 将 src/App.js 文件的内容替换成以下代码：

        function App(){
            return (
                <div className="App">
                app
                </div>
            )
        }
        export default App;
    

  • react18版本的问题：React.StrictMode严格模式节点需要去掉，因为它影响useEffect的执行时机
    • 将 src/index.js 的代码进行替换

        import React from 'react';
        import ReactDOM from 'react-dom/client';
        import './index.css';
        import App from './App';
        const root = ReactDOM.createRoot(document.getElementById('root'));
        root.render(
            <App />
        );