功能网站开发多少钱,在网上做网站,wordpress 相册 外链,海拉尔网站建设平台1、react安装 首先#xff0c;确保电脑上具备nodejs环境#xff0c;之后用 winr 呼出控制台#xff0c;输入 cmd 命令弹出cmd控制台#xff08;小黑框#xff09;之后在默认路径输入如下代码
npm i -g create-react-app //全局安装react环境无需选择特定文件夹安装成功后…1、react安装 首先确保电脑上具备nodejs环境之后用 winr 呼出控制台输入 cmd 命令弹出cmd控制台小黑框之后在默认路径输入如下代码
npm i -g create-react-app //全局安装react环境无需选择特定文件夹安装成功后用cd / 命令跳转到要创建目录的文件夹之下输入如下代码创建一个react项目我这里安装在了C盘中
create-react-app mreact //create-react-app 文件名 该文件名是react根文件名cd mreact //转到mreact文件目录下npm start //运行项目2、封装个组件导出组件
function Profile() {return (divddade/div);
}export default function Gallery() {return (sectionh1导入应该主键/h1Profile /Profile /Profile //section);
}3、引入组件使用组件function Dade()首字母必须大写
import logo from ./logo.svg;
import ./App.css;
import Gallery from ./admin/index.jsfunction Dade(){let dades 999999;if(dades 999999){return (div{dades}/div)}else{return (8888)}
}function App() {return (div classNameAppGallery /sectionDade //section/div);
}
export default App; function Item({ name, isPacked }) {if (isPacked) {return li classNameitem{name} ✔/li;}return li classNameitem{name}/li;
}export default function PackingList() {return (sectionh1Sally Ride 的行李清单/h1ulItem isPacked{true} name宇航服 /Item isPacked{true} name带金箔的头盔 /Item isPacked{false} nameTam 的照片 //ul/section);
}
4、遍历
import logo from ./logo.svg;
import ./App.css;
import Gallery from ./admin/index.jsfunction Dade(){const people [遍历1,遍历1,遍历1,遍历1,遍历1,];const lis people.map(reqli{req}/li);let dades 999999;return (div{dades}{lis}/div)
}function App() {return (div classNameAppGallery /sectionDade //section/div);
}
export default App;
