巩固——React中如何使用判断?

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

继续阅读 …

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

继续阅读 …