qq_26889291的博客

富文本插件

当我去掉 webpack.config.js配置css-loader option选项的modules:true时样式生效了。 (去掉下面代码红色部分){loader: ‘css-loader’,options: {modules: true}},

git 地址https://github.com/yexianli/react17webapck5

import ‘./header.less’import React, { useState, useEffect, useRef } from ‘react’;const dataArr = [{ name: ‘hello’ }, { name: ‘hello’ }, { name: ‘hello’ }, { name: ‘hello’ }, { name: ‘hello’ }, { name: ‘hello’ }, { name: ‘hello’ }, { name: ‘hello’ }, { na

react路由配置，react-router中文文档link

生命周期不生效，可以通过点击事件执行卸载生命周期的方法

https://stackoverflow.com/questions/47568850/touchableopacity-with-parent-panresponder

当时我的解决方法是因为我render里面最外层使用了React.Fragment，将其换成dev就没有这个报错了

在含有whiteArrowLeft.svg图片文件夹內新建index.js内容为export const whiteArrowLeft =require('./whiteArrowLeft.svg');然后在react组件import { whiteArrowLeft } from ‘…/…/svg/live’ //刚才所建index.js的路径

解决方法深拷贝一下需变动的数组，因为如果不拷贝map改变了数组(数组里的元素为引用类型)，而react禁止改变props getOnlineData = (roommates, onlineRoommates) => { const newRoommates =JSON.parse(JSON.stringify(roommates)) return (newRoommates.map(item => { onlineRoommates.map(element =&

<GftSearch onChange={(data) => { console.log('data',data) }}onChange给 GftSearch组件就好了，然后在GftSearch里面的onChange里面调用this.props.onChange(value) // value是onChange回调的value

解决方案如图第三点，图片内容来源于antd design官网

store.js文件解决方法用mobx-react-lite的observer包裹我们组件就可以驱动组件更新了组件引入

报错前代码改正后的代码

用antd Form.Item组件初始化值在使用initialValue上initialValue，而不是在包裹的组件上使用defaultValue设置默认值报错前修改后

函数组件传递ref报错

creact-react-app打包文件路径有问题

注意react-router-dom的版本6.3.0 和reac版本18.0.0routeConfig.jsApp.js参考https://reactrouter.com/docs/en/v6/hooks/use-routeshttps://stackoverflow.com/questions/65880299/lazy-loading-with-react-router-v6-beta

React实现点击左边菜单右边展示组件

react hooks拿不到最新的值

react项目不能解析图片