React的一个小栗子(仿QQ浏览器小说-书城界面实现)| Create-React-App

#1

项目地址,点我 https://github.com/Zinc925/reactApp
一直使用Vue和Juqery开发,最近花了几天时间学习学习react并做了个web端的小demo。
demo架构:React.js + React-router-dom + Ant-design-mobile + Axios +Sass
架手架:create-react-app
栗子效果页面举例:

#2

大佬 能不能带我一下 我也是刚入门学习 可以的话加我 扣扣136565629 谢谢

#4

楼主这种图片外链url是怎么生成的

data:image/svg+xml;charset=utf8,%3Csvg xmlns=‘http://www.w3.org/2000/svg’ width=‘56’ height=‘56’ viewBox=‘0 0 56 56’%3E%3Cg fill=‘none’ fill-rule=‘evenodd’%3E%3Crect width=‘56’ height=‘56’ fill=’%23F57749’ rx=‘28’/%3E%3Cpath fill=’%23FFF’ d=‘M39.757 37.316L16.784 18.04C19.532 14.947 23.538 13 28 13c8.284 0 15 6.716 15 15 0 3.52-1.213 6.757-3.243 9.316zm-2.095 2.158C35.052 41.674 31.682 43 28 43c-8.284 0-15-6.716-15-15 -1-2.742.736-5.312 2.02-7.524l22.642 18.998z’/%3E%3Cpath fill=’%23F57749’ d=‘M30.423 25H35v3h-5v2h5v3h-5v5h-4v-5h-5v-3h5v-2h-5v-3h4.175L22 19.5l2.598-1.5 3.2 5.544L31 18l2.598 1.5-3.175 5.5z’/%3E%3C/g%3E%3C/svg%3E

#6

这是图片转成base64后的编码,可以去看看base64编码喔~~

#7

楼主我看到你向axios里传了个id=‘boy’,对应的boy.json是怎么封装进response里的呀

Api.get(/${id})
.then(response => {
console.log(id)
this.setState({
bookData: response.data.data,
currentId: id
});
})

#9

用 cnpm 安装就可以, cnpm i node-sass

#10