使用属性Props完成一张卡片

一:我们先安装bootstrap,为了使我们的样式好看些 cnpm  install bootstrap  --save

二:我们在index.js中引入bootstap

Import ‘bootstrap/dist/css/bootstrap.min.css’

三:我们新建一个conponments文件夹,然后我们新建一个NameCard.js

然后我们在App.js中引入NameCard组件,并在标签中传入我们想要的值namenumber

 

注意:如果小伙伴们是跟着上一届节的程序走的话,我们需要进入index.js中把Welcome改为App,如果是这一节直接写的,就不用担心这个问题了

四:运行我们的项就可以了目cnpm start

猜你喜欢

转载自www.cnblogs.com/marksir/p/9889785.html