对React有个备忘录

从安装 React17 到启动应用

1. 使用 npx create-react-app react-test 命令创建 react 文件

1. 将 dependencies 替换为以下内容：

1. “@testing-library/jest-dom”: “^5.16.2”, “@testing-library/react”: “^11.2.7”, “@testing-library/user-event”: “^12.8.3”, “react”: “^17.0.2”, “react-beautiful-dnd”: “^13.1.0”, “react-dom”: “^17.0.2”, “react-scripts”: “5.0.0”, “web-vitals”: “^0.2.4”

删除 package-lock.json 和 node_modules 文件夹

使用 npm install 进行重新安装
将 index.js 替换为以下内容：

引入 React 组件库中的 React 模块；
引入 React 组件库中的 ReactDOM 模块。

const App = () => {
return (
<>
<.h1>你好
>
);
}

ReactDOM.render(, document.getElementById(“root”)); 的中文本地语言表达：ReactDOM.render(, document.getElementById(“root”));

请按照以下方式编写App.js文件

const App = () => {
return (
<>
<.h1>你好

</>
);
}

ReactDOM.render(, document.getElementById(“root”));
将渲染到document.getElementById(“root”)中。

当在终端输入“npm start react-test”后，如果成功显示出结果，那就表示一切顺利。