react 前后端联调一些笔记

1.声明一个数组
2.定义一个全木变量,这里用来接收表单的数据
在这里插入图片描述

重置按钮 把获取 resetFields() 来重置表单 这里就是一个函数 没有数据的转移
在这里插入图片描述

这里获取表单的值,通过这里关联起来
在这里插入图片描述

如果将 state 与 vue 中的某个点做类比的话,则其相当于 vue 组件中的 data ,作用就是用于存储当前组件中需要用到的数据。
在这里插入图片描述

语法糖
const { xxx } = this.state;
上面的写法是es6的写法,其实就相当于:

const xxx = this.state.xxx
在这里插入图片描述

一个页面有多个表单 可以在子页面引入
在这里插入图片描述

在这里插入图片描述

前后端调试时,这里的ip 改为自己本地的,端口看你后端开启的,这里是8344
development 这里本地改为开发版本
通过判断环境变量对不同变量进行配置,如端口号,数据库地址等;&&前面不能有空格

if (process.env.NODE_ENV == 'development') {
    console.log("开发版本")
} else if (process.env.NODE_ENV == 'production') {
    console.log("上线版本");
}

在这里插入图片描述

前端访问的端口在这里看
在这里插入图片描述

在前端环境中,需要debug 需要在你的代码开始加入

"debugger"

f12
进入调试
重新刷新页面 就可以进入调试了

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值