react
龟霸也是高达
Github主页:https://github.com/gitgundam
展开
-
redux学习记录:简单记录一下redux的流程
整理一下redux的流程第一步定义数据第二步定义reducer纯函数,函数中定义你要对action操作的行为第三步使用redux.createStore()方法定义store,并将reducer纯函数传入edux.createStore(reducer)方法中第四步定义action第五步将action传入store.dispatch(action) 进行派发小结...原创 2021-06-04 15:48:35 · 349 阅读 · 0 评论 -
react修改state的坑,今天终于学到了...
今天在做了个评论的模块,贴下代码-太长了直接贴截图需求是点击删除,删除对应的评论然后我这边使用的是splice方法直接修改state的commentList数组,结果出现两个坑第一是splic方法返回的是被删除的值,同时splice() 方法会直接对数组进行修改。也就是说,我不能直接在变量后面+ splice() ,这样得到的值是被删除的值而是应该在原本的变量数组使用splice()方法后,再调用这个变量,因为这个变量的值已经改变了第二十react的state不能直接去修改直接修改原创 2021-05-31 15:50:32 · 859 阅读 · 0 评论 -
使用react初步实现一个购物车小组件
使用react初步实现一个购物车小组件下面是完成的状态下面是代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&g原创 2021-03-03 18:01:49 · 255 阅读 · 0 评论 -
四种方法改变react组件中方法this的指向
改变react组件中方法的指向在react的class中(一般用class作为构造函数的语法糖),我们经常会遇到引用方法的情况,比如下面这个demo:他的效果是,当我点击按钮,控制台输出’这个是信息’ class App extends React.Component { constructor(){ super() this.state = { } } render(){ ret原创 2021-02-25 02:32:44 · 802 阅读 · 1 评论 -
jsx的属性绑定
jsx的state可绑定到html的属性上html的属性后面使用{}符号来绑定react组件中的值<script type="text/babel"> class App extends React.Component { constructor(){ super() this.state = { title:'这个是标题' } } render(){原创 2021-02-23 03:27:52 · 936 阅读 · 0 评论 -
总结下关于使用React中的JSX的一些细节
jsx的细节最近在学react,而react的核心概念是万物皆js,而为了使用这个概念,react引入了jsx,将html的标签结合进js中jsx的书写规范JSX的顶层只能有一个根元素所以我们很多时候会在外层包裹一个div原生,我经常使用vue 的template,这点和template很像,最外层只能存在一个标签.(但是这点在vue3中改变了,vue3 的template我测试了下,可以放好几个标签,不用在最外层包裹一个)jsx可以使用括号()来换行下图中的return里放进去的是html标签原创 2021-02-22 23:19:32 · 221 阅读 · 0 评论