苏州外贸网站建设优化推广,制作网站协议书,wordpress阿里云邮箱设置,松桃和兴建设公司网站React 开发环境搭建 一、创建 React 项目二、项目精简 一、创建 React 项目
执行下述命令创建 react 项目 blu-react-basis
npx create-react-app blu-react-basis项目目录结构如下#xff1a; 执行下述命令启动项目
npm run start启动效果如下#xff1a; 二、项目精简
… React 开发环境搭建 一、创建 React 项目二、项目精简 一、创建 React 项目
执行下述命令创建 react 项目 blu-react-basis
npx create-react-app blu-react-basis项目目录结构如下 执行下述命令启动项目
npm run start启动效果如下 二、项目精简
删除不必要的文件 简化 index.js 和 App.js
index.js
//导入React必要的两个核心包
import React from react;
import ReactDOM from react-dom/client;//导入根组件
import App from ./App;//将根组件渲染到index.html中id为root的dom节点上
const root ReactDOM.createRoot(document.getElementById(root));
root.render(App/);App.js
//根组件
function App() {return (div classNameAppHELLO BLU FROM REACT/div);
}
export default App;
