react学习中的问题
文娘
这个作者很懒,什么都没留下…
展开
-
关于--save与--save-dev
–save是生产环境。–save-dev是测试环境。原创 2021-05-20 21:23:36 · 96 阅读 · 0 评论 -
404
两个404 看控制台一个type是document一个是xhrxhr这个解决了是后端路径的问题参数之前少了一个/原创 2021-04-24 16:32:11 · 65 阅读 · 0 评论 -
Error: “Detailed.getInitialProps()“ should resolve to an object. But found “undefined“ instead.
排查了一下应该是是因为return没有返回内容原创 2021-04-23 18:34:46 · 304 阅读 · 0 评论 -
iconfont在react中的使用
https://www.cnblogs.com/qdjj/p/12420541.html原创 2021-04-23 16:34:41 · 250 阅读 · 0 评论 -
sql语句的一些小细节问题
这是技术胖讲的时候的 let sql = 'SELECT article.id as id,'+ 'article.title as title,'+ 'article.introduce as introduce,'+ 'article.article_content as article_content,'+ "FROM_UNIXTIME(article.addTime,'%Y-%m-%d %H:%i:%s' ) as ad原创 2021-04-21 17:09:50 · 75 阅读 · 0 评论 -
项目中遇到的问题
1.Next中css的引入2.当需要多个类名时 该怎么办(一个全局引入css 一个组件css)暂时不知道怎么办,所以我把全局用类选择器,组件用id选择器原创 2021-04-17 20:07:13 · 50 阅读 · 0 评论 -
React实战技术博客系统
关于更新换代快是从Next.js中感受到的,也可能并没有很快吧,但是创建项目后的目录相比一年前发生了一些变化,且Next.js现在也支持内置css的引入了(我现在会引入全局的,和标签选择器的,其他选择器的还不知道如何引入)1.关于css引入,如果是想使用antd的组件,首先在pages/_app.js中全局引入import 'antd/dist/antd.css',然后再在需要使用组件的地方,引入相关组件就可以使用了。(不要使用babel-plugin-import插件,会出现一系列奇奇怪怪的错误,绝了本原创 2021-04-17 11:03:25 · 191 阅读 · 0 评论 -
Next.js01&&05&&06&&09&&11(12)
01React 服务端渲染应用框架.可以加快首屏打开速度,做SEO,搜索引擎优化05比如新闻列表,然后点击一个要看的新闻就会跳转到具体内容。这些类似这样的需求都都是通过传递参数实现的。使用动态参数实现的。06在监听路由发生变化时,我们需要用Router组件,然后用on方法来进行监听,在pages文件夹下的index.js,然后写入下面的监听事件,这里我们只打印一句话,就不作其他的事情了。代码如下: Router.events.on('routeChangeStart',(...args)=原创 2021-04-16 17:32:43 · 56 阅读 · 0 评论 -
反省
最近特别浮躁不能静下心来,而且和同学交流了一下发现他们的进度快赶上我了,但是我可比他们早很久接触这些的啊,至少早了一年,可想而知这个进度多么地慢,很着急。原创 2021-04-16 12:10:22 · 43 阅读 · 0 评论 -
Next.js引入css的两种方法
我们查看官方文档发现Next.js已经支持了css的引入,但要遵循规范。有两种引入方法(在错误信息中已经告诉我们了):1.将所有全局CSS导入都移至pages \ _app.js。css文件可以随便存放在哪里,但是一定要在pages/_app.js 文件中导入(import)CSS类选择器如何起作用2.改为使用css组件...原创 2021-04-16 12:08:24 · 1551 阅读 · 0 评论 -
Next,js11 不支持import直接引入css文件的有
不支持css文件的有Next.js和原创 2021-04-15 15:53:43 · 490 阅读 · 0 评论 -
react hooks10&&11
useState中的更新状态方法是异步的,要下次重绘才能获取新值,不要试图在更改状态之后立马获取新值。想要获取新值可以在生命周期函数(DidUpdate)中获取,或者useEffect中获取自定义Hooks函数偏向于功能,而组件偏向于界面和业务逻辑useMemo是缓存状态或属性,useCallback是缓存方法useEffect(()=>{ window.addEventListener('resize',onResize) return ()=>{原创 2021-04-14 13:20:23 · 98 阅读 · 0 评论 -
react hooks09
父组件每次发生变化,子组件中的函数都会重新执行一遍原创 2021-04-14 11:12:26 · 34 阅读 · 0 评论 -
react hooks08
const { dispatch } = useContext(ColorContext)这里的dispatch是从ColorContext.Provider中传过来的值 <ColorContext.Provider value={{color,dispatch}}> {props.children} </ColorContext.Provider>原创 2021-04-14 10:49:38 · 31 阅读 · 0 评论 -
react hooks07
import React,{useReducer} from 'react';import showArea from './showArea';import Buttons from './Buttons';import {Color} from './Color'为什么react代码中,都是自定义的,有的需要用{}引入,有的不需要07中状态共享是父组件中createContext,子组件中useContext...原创 2021-04-13 20:04:31 · 38 阅读 · 0 评论 -
react-hooks05
需要注意的是useContext和redux的作用是不同的,一个解决的是组件之间值传递的问题,一个是应用中统一管理状态的问题,但通过和useReducer的配合使用,可以实现类似Redux的作用。原创 2021-04-13 19:49:40 · 47 阅读 · 0 评论 -
react-hooks 04
前几天有事没有学,今天又开始学了。function(){} 函数大括号需要returnfunction()() 函数小括号不需要return原创 2021-04-12 16:32:16 · 35 阅读 · 0 评论 -
js单线程与异步
js本身是单线程的,所有涉及到异步的方法和函数都是由浏览器的另一线程去执行的。原创 2021-04-10 17:00:37 · 36 阅读 · 0 评论 -
关于readux,react router react hooks
react框架redux是JavaScript的状态容器,提供可预测化的状态管理可预测化体现在:1.单一数据源2.所有数据哦都是只读的,要想修改数据,必须dispatch一个action来描述发生了什么变化3.当处理action时,必须生成一个新的state,不得直接修改原始数据)因为 Redux,你清楚的知道什么发生了改变(action),改变之后的数据是什么样的(store/state),以及发生了哪些改变(redux-devtool 中的 action 记录)。react router 是原创 2021-04-08 20:38:13 · 244 阅读 · 0 评论 -
react router5
重定向和跳转有一个重要的区别,就是跳转式可以用浏览器的回退按钮返回上一级的,而重定向是不可以的。要在被重定向的页面引入Redirect。从首页到博客内容是根据id跳转,后台管理系统大部分用路由嵌套...原创 2021-04-08 20:30:15 · 44 阅读 · 0 评论 -
react-router4
map改变item,index的顺序就出不来想要的就结果了,map函数参数顺序,忘记了this.state.list.map((indx,item)this.state.list.map((item,index)原创 2021-04-08 19:09:06 · 53 阅读 · 0 评论 -
react router4
路由和锚点定位有点像。被点击的a标签是锚点链接,跳转到的位置是锚点。<Router> <ul> <li><Link to="/">首页</Link></li> <li><Link to="/list/123">列表</Link></li> </ul>原创 2021-04-08 18:43:16 · 34 阅读 · 0 评论 -
redux练习记录
actionCreators.jsimport { CHANGE_INPUT,ADD_ITEM,DELETE_ITEM ,GET_LIST,GET_MY_LIST} from './actionTypes'import axios from 'axios'export const changeInputAction=(value)=>({ type:CHANGE_INPUT, value})export const addItemAction=()=>({ .原创 2021-04-08 17:25:49 · 82 阅读 · 0 评论 -
redux15
使用redux-thunk的目的是让Reducer在异步操作后自动执行原创 2021-04-07 20:32:29 · 43 阅读 · 0 评论 -
redux16 es6增强函数
es6增强函数原创 2021-04-07 20:03:06 · 54 阅读 · 0 评论 -
redux14
不能理解index重新声明原创 2021-04-07 19:30:35 · 47 阅读 · 0 评论 -
redux13
为什么删除事件那里要用箭头函数原创 2021-04-07 19:24:00 · 52 阅读 · 0 评论 -
redux12
reducer要求是一个纯函数。在Reducer里增加一个异步ajax函数,获取一些后端接口数据,然后再返回,这就是不允许的(包括你使用日期函数也是不允许的),因为违反了调用参数相同,返回相同的纯函数规则。...原创 2021-04-07 18:27:21 · 59 阅读 · 0 评论 -
redux11
箭头函数为什么带括号?({})原创 2021-04-07 18:13:55 · 49 阅读 · 0 评论 -
redux11
为什么reducer.js中不需要引入import { CHANGE_INPUT,ADD_ITEM,DELETE_ITEM } from './store/actionTypes'actionCreators中需要引入呢?原创 2021-04-07 16:50:27 · 53 阅读 · 0 评论 -
redux8
为什么不能实现增加数据,然后输入框清空?TodoList.jsimport React, { Component } from 'react';import 'antd/dist/antd.css'import { Input,Button,List } from 'antd'import store from './store'class TodoList extends Component { constructor(props) { super(props);原创 2021-04-07 12:02:49 · 89 阅读 · 0 评论 -
2021.4.6生命周期
17版的生命周期有修改,部分被删,但还可以使用。原创 2021-04-06 23:02:56 · 39 阅读 · 0 评论 -
2021.4.6 redux工作流程
Store是存放图书(数据)的地方,Reducers是管理图书(数据)的原创 2021-04-06 23:01:36 · 96 阅读 · 0 评论 -
练习
因为我在安装了一次脚手架的基础上又安装了一次脚手架,然后再创建react项目就开始有问题了。。。。看完技术胖的视频 准备自己重新写一遍,因为这个安装的问题,几个小时没了。。。。备份一下:src下index.jsimport React from 'react'import ReactDOM from 'react-dom'import Xiaojiejie from './Xiaojiejie'ReactDOM.render( <Xiaojiejie />,document.g原创 2021-04-06 18:26:36 · 49 阅读 · 0 评论 -
react27 (已解决)
import {CSSTransition , TransitionGroup} from ‘react-transition-group’导入有问题明早看redux了原创 2021-04-06 00:43:37 · 39 阅读 · 0 评论 -
react25
我是笨蛋,一个动画效果两秒的,我一直点以为没作用,哪儿出了问题,结果是因为我点太快了。。。。没来得及显示原创 2021-04-06 00:19:38 · 57 阅读 · 0 评论 -
react23
跨域问题不会纯前端无法解决跨域问题原创 2021-04-05 20:00:44 · 45 阅读 · 0 评论 -
react22
父组件导致子组件重复渲染的问题教程中的方法不管用了,有什么其他办法么?原创 2021-04-05 17:14:45 · 35 阅读 · 0 评论 -
事件循环与箭头函数this指向
https://juejin.cn/post/6844903657264136200#heading-0https://segmentfault.com/a/1190000014027459原创 2021-04-05 15:36:33 · 55 阅读 · 0 评论 -
react18
在这个案例中不建议使用ref,那建议用什么?原创 2021-04-05 15:35:42 · 279 阅读 · 0 评论