if/else逻辑很难用HTML标签来表达。直接在JSX中加入if语句会渲染出无效的JavaScript: 上面的写法是错误的 按照自己使用场景,挑选合适的方法: 使用三目运算符 使用函数 使用逻辑运算符 1、三目运算符 上面的表达式中,如果需要加标签可以写成这样: 2、使用函数 将逻辑信息全部封装到函数中,在需要的时候调用: 或者: 3、使用逻辑与(&&)运算符 解释: 因为在 […]
标签:React
React配置代理proxy解决跨域问题
一、在package.json中直接设置proxy 和Vue不同,React是在package.json文件中使用proxy配置 注意: create-react-app脚手架低于2.0版本时候,可以使用对象类型 2.0版本以上只能配置string类型,否则会报错,如下图: 正确应该这样: 由于package.json中,只能给proxy设置字符串;这样导致代理只能配置一个,想要配置多个代理就不行[…]
ES6中的React生命周期详解
太长时间没写react了,有点生。重新捡起来练练手。 React生命周期主要包括三个阶段:初始化阶段、运行中阶段和销毁阶段,在React不同的生命周期里,会依次触发不同的钩子函数 一、初始化阶段 1、constructor() constructor参数接受两个参数props,context。获取到父组件传下来的的props,context。如果你想在constructor构造函数内部(注意是内部[…]
React路由配置:React Router
官方文档地址: 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的详细安装教程
react中文官网如图所示。在中文官网 https://reactjs.bootcss.com/ 中也有入门教程。 1.首先,要安装 Node.js 及 NPM 。 具体参考之前的文章:Nodejs安装和环境配置 2. 安装react的脚手架。 3. 安装好之后,输入create-react-app,可以看到已经安装成功: 4.创建React项目 切换到需要存放项目文件的路径,然后键入命[…]