51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#React
react 使用antd导航组件实现事件传递并局部刷新DOM
我们要实现一个通过点击顶部导航来查询左侧菜单的一个功能在这个功能中,我们要应用到onClick={this.headNavMenuList.bind(this)}方法来传递点击不同按钮来传递不同的值 注意:如果我们要在后续事件中使用传递过来的参数来更新局部DOM,则可以不加.bind(this),...
代码星球
·
2021-02-21
react
使用
antd
导航
组件
使用 Webpack 4 和 Babel 7 创建 React 应用程序
mkdirreact_project cdreact_project npminit-y npmiwebpack@4webpack-cli@3-D//i:install-D:- save-dev npmireact@16react-dom@16-S npmibabel-loader@8@babel/c...
代码星球
·
2021-02-20
使用
Webpack
Babel
创建
React
使用create-react-app创建应用并执行npm start时出现events.js:183 throw er的解决方法
events.js:183thrower;//Unhandled'error'event。。。ENOSPC。。。解决方法:命令行执行如下内容,避免ENOSPC错误:echofs.inotify.max_user_watches=524288|sudotee-a/etc/sysctl.conf&&sudo...
代码星球
·
2021-02-20
使用
create-react-app
创建
应用
执行
React Native核心组件View的介绍
View是ReactNative的基础构建元素,是该平台的抽象层,类似于IOS里面的UIView、Android里面的android.View、web里面的div。View是用来修饰和布局它的子元素的。下面举例说明:importReact,{Component}from'react'import{AppRegistry...
代码星球
·
2021-02-20
React
Native
核心
组件
View
React Native组件生命周期
组件生命周期:实例化、挂载、渲染、更新、卸载、销毁 挂载的周期:constructor(objectprops) 组件被实例化,构造函数props参数由于初始化组件熟悉,props由创建该组件的父元素指定的。这个时候组件还没渲染。componentWillMount()在组件第一次渲染前被调用,只会...
代码星球
·
2021-02-20
React
Native
组件
生命
周期
React Native的props和state的介绍
this.props可以通过将属性传递给构造函数constructor来实例化组件,这些属性就叫做props。在组件渲染的时候,可以通过this.props访问该组件的属性。但是不在组件方法里面修改props。该组件的父元素一般会修改它孩子的属性,然后孩子重新渲染将这些属性展现出来。当然,孩子不一定重新渲染,具体看sh...
代码星球
·
2021-02-20
React
Native
props
state
介绍
React、Vue、AngularJS、Bootstrap、EasyUI 、AntDesign、Element理解
工作后接触了React、Vue、AngularJS、Bootstrap、EasyUI、AntDesign、Element,项目中使用过的只有Vue、Bootstrap、EasyUI、Element,当时都认为是不同的前端框架。其实还是有区别的。 框架是一个可复用的设计构件,它规定了应用的体系结构,阐明了整个设计、...
代码星球
·
2021-02-19
React
Vue
AngularJS
Bootstrap
EasyUI
如何安装vscode,用来开发react。
原先用过一段时间vscode,但还是想记录一下。首先在 https://code.visualstudio.com/ 下载vscode,可以选择不同的系统。 下载好之后,直接安装,一直默认点下去就好。当然还需要下载node安装包 :https://nodejs.org...
代码星球
·
2021-02-18
如何
安装
vscode
用来
开发
react新手demo——TodoList
react-todolist.gif一:写在文章开头今天我们就使用react来实现一个简易版的todolist,我们可以使用这个demo进行list的增删改差,实际效果如上图所示。大家可以clone下来查看:react-todolist这篇文章我们就不使用redux,因为这个demo本身比较简单,不需要通过...
代码星球
·
2021-02-16
react
新手
demo
TodoList
React 基础入门
React起源于Facebook内部项目,是一个用来构建用户界面的Javascript库,相当于MVC架构中的V层框架,与市面上其他框架不同的是,React把每一个组件当成了一个状态机,组件内部通过state来维护组件状态的变化,当组件的状态发生变化时,React通过虚拟DOM技术来增量并且高效的更新真实DOM。本文将...
代码星球
·
2021-02-16
React
基础
入门
一看就懂的ReactJs入门教程(精华版)
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(VirtualDOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJS的风采吧~~章有点长,耐心读完,你会有很大收获哦~一、ReactJS简介React起源于Facebook的...
代码星球
·
2021-02-16
一看
懂的
ReactJs
入门教程
精华
Netty源码 reactor 模型
翻阅源码时,我们会发现netty中很多方法的调用都是通过线程池的方式进行异步的调用,这种 eventLoop.execute方式的调用,实际上便是reactor线程。对应项目中使用广泛的NioEventLoop。还记得我们创建的两个reactor线程池么,具体代码可以参考 N...
代码星球
·
2021-02-15
Netty
源码
reactor
模型
Reactor模型详解:单Reactor多线程与主从Reactor多线程
单Reactor多线程网络模型图:图片来源:https://blog.csdn.net/weixin_43326401/article/details/104202424消息处理流程:Reactor对象通过epoll监控连接事件,收到事件后通过回调函数进行转发。如果是连接建立的事件,则由acceptor接受连接,并创建...
代码星球
·
2021-02-14
Reactor
线程
模型
详解
主从
react-infinite-scroller使用
importReactfrom'react'importInfiniteScrollfrom'react-infinite-scroller'importaxiosfrom'axios'importqsfrom'qs'import'./style.less'constarr=['a','b','c','d','e']e...
代码星球
·
2021-02-12
react-infinite-scroller
使用
react总结
用react脚手架开发的项目,总结了一些经验和个人的看法 1.组件页面部分 条件渲染:我个人比较喜欢在render函数里面,直接将页面的html部分全部写完,感觉这样的代码利于阅读,那个条件渲染部分就可以使用三目(三元)运算来做,这个写法其实也比较省事 { }我们都知道,{}里面...
代码星球
·
2021-02-12
react
总结
首页
上一页
1
2
3
4
5
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他