if/else逻辑很难用HTML标签来表达。直接在JSX中加入if语句会渲染出无效的JavaScript： 上面的写法是错误的 按照自己使用场景，挑选合适的方法： 使用三目运算符 使用函数 使用逻辑运算符 1、三目运算符 上面的表达式中，如果需要加标签可以写成这样： 2、使用函数 将逻辑信息全部封装到函数中，在需要的时候调用： 或者： 3、使用逻辑与(&&)运算符 解释： 因为在 […]

一、在package.json中直接设置proxy 和Vue不同，React是在package.json文件中使用proxy配置 注意： create-react-app脚手架低于2.0版本时候，可以使用对象类型 2.0版本以上只能配置string类型，否则会报错，如下图： 正确应该这样： 由于package.json中，只能给proxy设置字符串；这样导致代理只能配置一个，想要配置多个代理就不行[…]

太长时间没写react了，有点生。重新捡起来练练手。 React生命周期主要包括三个阶段：初始化阶段、运行中阶段和销毁阶段，在React不同的生命周期里，会依次触发不同的钩子函数 一、初始化阶段 1、constructor() constructor参数接受两个参数props,context。获取到父组件传下来的的props,context。如果你想在constructor构造函数内部(注意是内部[…]

官方文档地址： https://reacttraining.com/react-router/web/api/Route/component 里面都有详细的react路由配置，还有代码演示。 1.安装react-router，react-router-dom 2.路由配置 1.编辑入口文件 app.js 添加以下内容： 3. 验证路由配置是否正确 1.在浏览器输入地址http://localhos[…]

react中文官网如图所示。在中文官网 https://reactjs.bootcss.com/ 中也有入门教程。 1.首先，要安装 Node.js 及 NPM 。 具体参考之前的文章：Nodejs安装和环境配置 2. 安装react的脚手架。 3. 安装好之后，输入create-react-app，可以看到已经安装成功： 4.创建React项目 切换到需要存放项目文件的路径，然后键入命[…]