岑如花

用 js 原生方案去修改 url 地址，避免使用 react 内部封装的 history.replace 函数(不干净)https://www.jianshu.com/p/16638c70dea7

环境 react 17.0.2Chrome版本 96.0.4664.45（正式版本） （64 位）博主在做微前端的一个遍历创建表格的时候报以下错误问题原因 <% if (isLocal) { %> <script type="systemjs-importmap"> { "imports": { "@Root/root-config": "//localhost:9000/Root-root-config.js",

从官方文档看 parcel仍然是一个application，只是使用场景有所区别官方链接以下是使用方式，第一步：先按照官方文档说明创建一个rootconfig第二步，按照官方文档说明创建一个application（以下称为app1）第三步，按照官方文档说明创建一个parcel(仍然是一个application,以下称为app2)第四步，将app1注册到rootconfig第五步，app2添加到importmap中rootconfig中index.ejs中的importmap的配置 &l

前台在访问不同ip的nginx服务器时报：No ‘Access-Control-Allow-Origin’ header is present on the requested resource原因：被请求的资源没有设置 ‘Access-Control-Allow-Origin’，也就是nginx的返回信息头没有Access-Control-Allow-Origin（也就是浏览器同源策略，大家可以自行百度）解决方案：在nginx中的nginx.conf中的路由中添加以下代码：location / {

在RootConfig中的webpack.config.js中添加devServer: { proxy: { '/api': { target: 'http://localhost:7000', pathRewrite: { '^/api': '' }, }, } },完整内容：const { merge } = require("webpack-merge");const singleSpaD

可以尝试在.eslintrc文件中添加以下内容 "parser": "@babel/eslint-parser", "parserOptions": { "requireConfigFile" : false }不要在false上添加双引号

业务场景：滑动鼠标滚轮动态加载数据实现:每次滚动鼠标滚轮，发送请求后台返回分页数据，然后把新返回的数据追加到已有数据末；分页中使用的page和size保存在state中， 由于state中的数据更新延迟，如果滚动鼠标滚轮过快，就会发送page和size相同的http请求，导致加载重复数据。解决方法一：每次发送请求时，page不修改，只修改size大小，然后把新返回的数据覆盖原有数据，即使多次发送重复请求在页面也不会显示出重复数据的问题伪代码如下：import React, { Component

render中onClick ={e =>this.reset(e,index)}接收方法reset = (e,index) =>{ }

博主在调试一个接口时，后台收到的json格式如下{ head:'一些报文头内容' body:'{报文体}'}具体业务情景是：由于接口报文有统一的格式，具体的请求报文需要放到json字符串的一个值中（如上示例，整个请求报文需要放到body中）；博主再调试接口时碰到需要将一个js对象转换为json字符串，直接使用JSON.stringify(obj)后，对象被转换为字符串，发送到后台后就会出现如上的报文结构，导致解析具体报文体时失败。由于body中的json对象值被单引号包围，所以后台解

博主在做一个前端项目时，需要根据props中的状态来修改state中的状态，由于react中setState更新状态不能及时显示到页面，博主总结如下可及时更新state中的方法1.componentWillReceiveProps2.getDerivedStateFromProps另一种情况是，如果是子组件中需要使用父组件中传递的值，可以在子组件中使用受控组件，不需要把父组件中传递的值存储到子组件中的state中，这样会因为setState不能及时更新而导致在页面看不到想要的效果...

博主在启动react项目时提示：Error: Cannot find module ‘./features/xhr2’查看报错信息后发现时node_modes中的的caniuse-lite模块中缺少xhr2文件所以删除caniuse-lite模块重新下载后解决重新下载命令：yarn add caniuse-lite browserslist...