![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
常用前端框架知识,包括react,react-redux
亚麻131136
这个作者很懒,什么都没留下…
展开
-
react-redux
react-reduxreact-redux和上篇的redux的逻辑是一样的.采用store存储数据,action定义行为对象,reducer处理行为对象.只是通过mapStateToProps将state映射到组件的props方法中,mapDispatchToProps将修改数据的方法映射到组件的props中.加强store和组件的连接代替了redux中的store.dispatch和store.getState方法.下面是一个完整的例子import React from 'react';impo原创 2020-09-25 14:03:46 · 91 阅读 · 0 评论 -
React中子元素如何传递数据给父元素
React中子元素如何传递数据给父元素将修改父元素数据的函数当成子元素的属性传递给子元素,子元素接收到该属性,通过该属性调用修改父元素数据的参数,并传入子元素自己想要传递给父元素,修改父元素值的数据.创建父元素class ParentCom extends React.Component{ constructor(props){ super(props) this.state = { ChildDate:null } } render(){原创 2020-09-23 16:52:44 · 1799 阅读 · 0 评论 -
React-chat-element聊天组件中renderAddCmp的使用
React-chat-element聊天组件中renderAddCmp的使用学习前端一个月了,本次使用react-chat-element+ant design做了聊天项目,无奈react-chat-element中messagebox中只有photo,file,text,location,spotify这5中类型,而我要做的是解析安卓发来的视频和语音片段,react-chat-element中没有这语音视频片段类型,我想到的方法是要么改源码,增加类型.要么采用自定义组件renderAddCmp.改源码可原创 2020-09-22 15:50:20 · 679 阅读 · 0 评论 -
创建基本的webpack项目
创建基本的webpack项目学习前端已经一个多月了,从零基础入门,再到框架.可以说是浏览式的学习,准备这周末有时间将react框架再学习一遍,不仅仅只是学习理论,更加注重实战.跟着写写代码.一.创建文件夹,导入vscode二.运行npm init -y快速初始化项目三.新建项目文件夹src和dist,分别存放项目源代码和项目做好发布原产品的地方四.package.json里面存放下载安装的库和插件,在该文件都能找到纪录.五.本次创建为从0开始创建,不同于将已有的项目运行跑起来,例如从GitHub原创 2020-09-11 16:37:02 · 176 阅读 · 0 评论 -
redux入门知识
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2020-07-31 15:09:42 · 159 阅读 · 0 评论