目录 一、减小输入字符数 二、用props.children来引用位于前置标签和后置标签之间的内容 三、创建组件两条主要的途径 四、JSX属性采用驼峰式的大小写规则(即‘onClick’而非‘onclick’) 五、JSX只能渲染单一个根节点 六、JSX中不方便使用条件语句的解决方法 七、如何在JSX内部渲染HTML标签 八、列表子元素添加key可以提升virtua
转载
2024-05-03 11:42:48
68阅读
(问题：引入图片): ./代表，不能放变量create-react...
原创
2022-09-13 12:59:04
973阅读
Nginx部署自己的项目开发步骤：第一步更改tomcat的端口号在slave01虚拟机中更改端口号 192.168.68.13069 <Connector port=“8081” protocol=“HTTP/1.1”
70 connectionTimeout=“20000”
71 redirectPort=“8443” />在master虚拟机中更改端口号 192.168.68.
1 class App extends React.Component { 2 constructor() { 3 super(); 4 this.state = { 5 message: 'hello react' 6 } 7 } 8 myFn() { 9 console.log(this); / ...
转载
2021-10-24 14:16:00
167阅读
2评论
前言这两天在用 Blueprint+React+ServiceFramework+MySQL 为主要组件开发一个小玩具，由衷的喜欢React了。为啥呢
原创
2023-04-06 16:17:38
67阅读
前言：React有两类组件，函数组件和类组件，但是在类组件的书写过程中会有大量的冗余代码，而且要处理在整个类里面this的问题，但是只有在类组件里面有state和生命周期函数这两个特性。同时，为了解决在组件之间复用状态逻辑很难、复杂组件变得难以理解等问题，React在16.8中新增了Hook。Hook就是一个特殊的函数，它可以让你“钩入”React的特性1.Hook就是js函数，使用有以下规则&n
转载
2024-03-28 09:29:34
91阅读
最近在学习http的相关知识，看到有关跨域的问题。平时工作中也会一直听到跨域问题，自己就深入的学习一下，这里记录一下，方便以后查阅。1、为什么会出现跨域？浏览器遵循同源政策(scheme(协议)、host(主机)和port(端口)都相同则为同源)。非同源站点有这样一些限制:不能读取和修改对方的 DOM不读访问对方的 Cookie、IndexDB 和 LocalStorage限制 XMLHttpRe
转载
2024-02-13 15:31:56
48阅读
前言 常规的 axios 的拦截器是方法和属性封装，此处说明的是拦截器如何关联界面元素 思路 axios的封装最终的结果应该就是个方法或者类，而我们需要通过界面元素来表现这个结果，而每次进行axios活动我们都会新实例化一个axios对象，而我们的界面元素只需要可以预知的那么几种。JS引擎是基于事件 ...
转载
2021-08-26 15:20:00
78阅读
2评论
使用create-react-native-app时，报错，好像是npm版本不对，想问下npm怎么降低版本？ npm install npm@4 -g 创建并启动项目 老方法1 创建项目 react-native init AppName 进入项目文件夹 cd AppName启动项目 react-n
原创
2021-07-20 13:52:38
160阅读
这里添加依赖会出现兼容问题craco-less 跟react-scripts和@craco/craco版本兼容官网上有给到可兼容的版本信息修改一下本地项目版本。
原创
2024-04-25 10:50:07
92阅读
在ES6之前, 方法中的this谁调用就是谁, 并且还可以通过call/apply/bind方法修改this，从ES6开始, 新增了 箭头函数, 箭头函数没有自己的this, 箭头函数中的this是函数外最近的那个this, 并且由于箭头函数没有自己的this, 所以不能通过call/apply/b
原创
2020-12-22 23:55:00
102阅读
# 解决React Axios跨域问题
## 1. 整体流程
下面是解决React Axios跨域问题的整体流程：
```mermaid
pie
title 跨域问题解决流程
"了解跨域问题" : 30
"配置代理服务器" : 40
"设置请求头" : 30
```
## 2. 每一步详解
### 了解跨域问题
跨域是指在浏览器的同源策略下，不同源之间的
原创
2024-05-29 04:42:50
266阅读
跨域是指a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，或是a页面为ip地址，b页面为域名地址，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。
目录【策略一】Jsonp 需要目标服务器配合一个callback函数【策略二】通过修改document.domain来跨子域【策略三】使用window.name来进行跨域【策略四】
这是Webpack+React系列配置过程记录的第四篇。其他内容请参考：第一篇：使用webpack、babel、react、antdesign配置单页面应用开发环境第二篇：使用react-router实现单页面应用路由第三篇：优化单页面开发环境：webpack与react的运行时打包与热更新第四篇：React配合Webpack实现代码分割与异步加载自从前几篇文章介绍如何搭建React+Webpac
7.三元表达式 是否显示提交按钮(值运算用一对大括号包起来)： 6.消息提示，模态框展示 5.点击事件函数 4.input框输入为数字，不能为小数 3.react input框禁用 2.渲染组件，需要通过另外的列表取值得操作 1.class 用状态获取操作
原创
2022-05-05 14:11:33
133阅读
问题一： Expected to return a value in arrow function 解决方案： 修改后： 注：将 map 改为 forEach 以后，页面渲染失败 问题二： Expected an assignment or function call and instead saw
转载
2018-03-28 21:15:00
151阅读
2评论
const [searchDate, setSearchDate] = useState<any>({}) const searchFormList = useMemo<SearchFormItem[]>( () => { return [ { placeholder: '请选择日期', label ...
转载
2021-09-13 11:59:00
374阅读
2评论
问题一、在ES6中，经常看到constructor(props)和super(props)一起出现，那么为什么是这样？释疑： 在ES6中，调用super(props)原因是：只有在constructor中调用了super才能使用this；另外说明constructor(props)的参数props的传递与ES5的继承（通过传参）有关 super(props)的目的是为了能够使用super...
原创
2021-07-14 15:39:15
134阅读
