React脚手架create-react-app

Posted 2020-12-26 qing9

1.安装过程

$cnpm install -g -create-react-app

$create-react-app apps

$cd apps/

$npm start

2.图片路径

不能用相对路径<img src="./logo.svg"/>

可以用<img src={require("./logo.svg")}/>

或 import logo from "./logo.svg"

<img src={logo}/>

 

2.class问题 元素class用className="nav" 3.资源 我们在public中放了一张图片，我们会发现在地址上输 http://localhost:3000/02.jpg 能找到我们指定的图片。说明了react把public当成该项目的web容器。 以后做项目时资源放在public中。 每个组件类中引入图片当使用相对路径的时候，这个图片必须放在src中。 只要使用ajax和钩子 路径就要相对index.html，所以资源需要放在public下，为什么放？ 因为public是静态资源。