React进阶之路
LimonSea
做喜欢的事
展开
-
【React进阶之路】读后总结 —— React基础
这篇文章是我对书中的总结,很多基础知识没有写,想系统学习的小伙伴还是建议买一本书来看~目录1.JSX语法2.组建的概念及使用3.列表渲染4.事件处理1.JSX语法JSX是用于描述UI的JavaScript扩展语法。React 通过组件的概念,将页面进行拆分并实现组件复用。React认为,一个组件应该是具备UI的念书和UI数据的完整体,不应该将他们分开处理。于是...原创 2019-03-04 21:00:14 · 394 阅读 · 0 评论 -
使用引入react文件的方式 使用bootstrap模板 构建react订餐网站项目单个页面入门教程
这个是我react的入门项目, 因为使用了bootstrap模板, 若使用create-react-app 或者webpack等构建服务器项目就比较复杂, 所以本项目只使用了最简单的 在HTML页面引入react 的方式 构建项目.教程使用的模板页面如下:项目已传到git上,上链接~该链接默认会在原窗口打开,建议右键新窗口打开~第一步:引入react. (为了避免忘记...原创 2019-07-01 10:42:22 · 999 阅读 · 0 评论 -
使用引入React文件的方式,React如何定义全局变量来设置ajax的url
我的项目目录是这样:1. 首先新建一个config.js文件。在哪里建都行,只要能用路径找到。2. 然后写入文件:const global = { targetUrl:'http://**.free.idcfengye.com/test'}3. 在html文件中引入,此处我写的是相对路径<script src="../config.js"></s...原创 2019-07-01 11:11:20 · 3108 阅读 · 3 评论 -
react-router 使用webpack-dev-server做服务器时 单级刷新报错 Cannot GET /xx。多级刷新报错404
场景:在当前url刷新时页面变为Cannot GET /xx有可能你用了 webpack-dev-server工具,需要在webpack.config.js中配置:module.exports = { ...... devServer: { ... historyApiFallback: true, // 这句话 },}再试试吧!...原创 2019-07-22 15:58:53 · 1529 阅读 · 0 评论