React学习

最新推荐文章于 2025-08-17 21:45:15 发布

原创

最新推荐文章于 2025-08-17 21:45:15 发布 · 263 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #javascript #react native

本文详细探讨了React.js的核心概念，包括组件化开发、虚拟DOM以及React Native的原理解析，帮助开发者深化对React生态的理解。

1、使用React脚手架
   全局安装create-react-app： npm i -g create-react-app
   创建项目: 切换到工作目录, create-react-app reactProj

2、yarn命令
    yarn start(npm start) 开启应用服务器，查看页面效果
    yarn build 项目打包

npm start 启动服务器之后，页面报错
    Uncaught ReferenceError: globalThis is not defined

据说是httpps的问题，无视，改用edge浏览器打开，则正常访问


public/index.html
    <!-- 开启理想视口，用于做移动端网页的适配 -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- 给应用加壳，可变为安卓、苹果app,配置应用图标，权限 -->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

src/index.js
<!-- 开启严格模式，会检查模块里的语法问题 -->
  <React.StrictMode>
    <App />
  </React.StrictMode>

路由的基本使用
    1、明确好界面中的导航区、展示区
    2、导航区的a标签改为Link标签
        <Link className="list-group-item" to="/about">About</Link>
    3、展示区写Route标签进行路径的匹配
        <Route path="/about" component={About}/>
    4、<App>的最外侧包裹<BrowserRouter>或<HashRouter