时人不识凌云木,直待凌云始道高。这篇文章主要讲述React脚手架create-react-app相关的知识,希望能为你提供帮助。
1.安装过程
$cnpm install -g -create-react-app
$create-react-app apps
$cd apps/
$npm start
2.图片路径
不能用相对路径<
img src="https://www.songbingjia.com/android/logo.svg"/>
可以用<
img src=https://www.songbingjia.com/android/{require("./logo.svg")}/>
或 import logo from
"./logo.svg"
<
img src=https://www.songbingjia.com/android/{logo}/>
【React脚手架create-react-app】
2.class问题
元素class用className="nav"
3.资源
我们在public中放了一张图片,我们会发现在地址上输
http://localhost:3000/02.jpg 能找到我们指定的图片。说明了react把public当成该项目的web容器。 以后做项目时资源放在public中。
每个组件类中引入图片当使用相对路径的时候,这个图片必须放在src中。
只要使用ajax和钩子 路径就要相对index.html,所以资源需要放在public下,为什么放?
因为public是静态资源。
推荐阅读
- call()apply()bind()
- 模拟app端上传图片
- Android 开源框架 ( 五 ) xUtils --- Android 里的 ORM IOC聚合型框架
- win10命令安装appium
- Android 开源框架 ( 四 ) Afinal --- Android 里的 ORM IOC聚合型框架
- 入门必看(Spring Boot架构图文解读)
- Spring Boot AOP Before Advice用法详解
- Spring Boot AOP After Advice用法详解
- Spring Boot AOP Around Advice用法示例