从React Native重构至标准React：AppRegistry相关代码改造求助

1. 替换AppRegistry.registerComponent #

React Native里这个方法是给原生端注册根组件，标准React里根本不需要这套逻辑，直接把根组件挂载到DOM节点就行：

原来的React Native代码： #

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

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

改成标准React（React 18+）： #

先引入ReactDOM，找到public/index.html里的根节点（一般是id为root的div），然后挂载组件：

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

如果是React 17及以下版本，用ReactDOM.render：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

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

2. 处理AppRegistry.getApplication #

这个方法在标准React里完全没用，直接删掉所有调用它的代码就行。原来通过这个方法获取的组件，直接改成导入对应的组件文件：

原来的代码： #

const AppComponent = AppRegistry.getApplication('MyApp');

改成标准React： #

import App from './App';
// 直接用<App />渲染就行

额外要做的清理 #

• 删掉所有react-native相关的导入，比如View、Text、StyleSheet这些，换成HTML元素（div、p、span等）或者自己写的React组件。
• 把RN的StyleSheet样式换成标准的CSS、CSS Modules或者styled-components这类方案。

推荐的学习资源 #

• React官方文档：从入门到深入的权威资料，先看「快速入门」和「核心概念」板块，能帮你建立正确的React认知。
• React官方Todo教程：跟着一步步写一个完整应用，动手实践比光看文档更有用。
• create-react-app官方文档：了解标准React项目的结构、配置和常用命令，快速熟悉项目环境。
• MDN的HTML/CSS/JS指南：如果前端基础不扎实，先补这些，React的本质是基于HTML/CSS/JS的框架，基础打好了学React会轻松很多。

内容的提问来源于stack exchange，提问作者Takuhii