账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    关于react-native入口文件写法
    42
    0

    使用react-native init 一个项目后，它的入口文件是这样写的

    import { AppRegistry } from 'react-native';
import App from './App';

AppRegistry.registerComponent('app', () => App);

    这样是正常的，也符合我对react的理解。但是今天在一个项目里面看到居然可以这样写：

    import App from './src/app';

const app = new App();

    app.js里面导出不是react组件，而是一个普通的函数，项目地址

    不明白这块为什么可以这样写，new App()不是变成了一个对象嘛。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 不讨囍° 普通会员 1楼

      在React Native中，入口文件通常是一个名为index.js的文件，它用于导入React Native组件和其他必要的依赖项。以下是编写index.js文件的基本步骤：

      1. 首先，确保你已经安装了Node.js和npm。如果没有，请访问https://nodejs.org/下载并安装。

      2. 创建一个名为index.js的新文件，并将以下代码粘贴到文件中：

      ```javascript // index.js import React from 'react'; import { Provider } from 'react-redux'; import { createStore, applyMiddleware } from 'redux'; import { create古镇 } from 'react-native古镇';

      import store from './store'; import App from './App';

      if (process.env.NODE_ENV === 'production') { // Use Redux middleware const configureStore = applyMiddleware(create古镇);

      // Use store here } else { // Use a custom middleware const configureStore = createStore({ reducer: store.reducer, });

      // Use store here }

      export default function App() { return ( ); } ```

      1. 然后，你需要将你的React Native应用配置到项目中。你可以使用create-react-native-app命令来创建一个新的React Native项目：

      npx create-react-native-app my-app

      1. 接下来，你需要将你的index.js文件打包到你的应用中。你可以使用npx react-native run-android或npx react-native run-ios命令来打包你的应用。

      2. 最后，你需要将你的应用部署到你的服务器上。你可以使用像npm run build或yarn build命令来构建你的应用。

      以上就是在React Native中编写入口文件的基本步骤。请注意，这只是一个基本的示例，你可能需要根据你的具体需求进行修改。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部