React主题的文章列表，还有React的技术要点_第25页

Reactor 3 学习笔记(1)

Reactor3与之前学习的RxJava是同一类(反应式编程)框架，基本概念大致差不多，简单记录一下：Reactor3利用了java8中的CompletableFuture、Stream、Duration，在此基础上发展出了二个更通用的模型：Flux及Mono.一、FluxFlux简单点讲，就是一个可以发射1到N个元素...

代码星球 ·2020-04-06

react组件卸载前的钩子

参考：https://lequ7.com/2019/01/16/javascript/React-zu-jian-xie-zai-lu-you-tiao-zhuan-ye-mian-guan-bi-shua-xin-zhi-qian-jin-xing-ti-shi/import{Prompt}from‘re...

代码星球 ·2020-04-06

React小记

1、ReactComponent一定要大写开头在JSX中，小写标签名称被认为是HTML标签。但是，带小点（属性访问器）的小写标签名不是。查看HTML标记与React组件。<component/>编译为React.createElement('component')（html标签）<Component/...

代码星球 ·2020-04-06

react的3种组件

推荐阅读：https://www.jianshu.com/p/2726b86549891.createClass已不推荐使用，这里不再多讲。但你仍需要了解它，因为你可能会接触到一些旧项目，或者一些旧的开源项目，这些项目大都采用createClass写法。varAppComponent=React.createClass...

代码星球 ·2020-04-06

react 组件生命周期

推荐阅读：https://zh-hans.reactjs.org/docs/react-component.html#mounting生命周期图谱http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/1.挂载时constructor 构造器s...

代码星球 ·2020-04-06

create-react-app脚手架使用

1.安装脚手架和路由npmi-gcreate-react-appnpmi-S react-routerreact-router-dom2.创建新项目create-react-app项目名称3.运行项目npmstart4.开始开发跟vue-cli和ng-cli很不同的是，react就算用了cli和原来引入1）书...

代码星球 ·2020-04-06

react入门-refs

vue有ref来获取template里面的子组件/子元素，react当然也有：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=dev...

代码星球 ·2020-04-06

react入门-props.children

在ReactDOM.render里面我们写我们的自定义组件的时候有时需要加一下子元素进去：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="wid...

代码星球 ·2020-04-06

react入门-组件方法、数据和生命周期

react组件也像vue一样，有data和methods,但是写法就很不同了：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=dev...

代码星球 ·2020-04-06

react入门-jsx

相信前端的小伙伴们对react都不陌生了，今天介绍一下它的核心语言jsx（JavaScriptXML）直接以注释的方式向大家直观的介绍吧<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>...

代码星球 ·2020-04-06

react-router的browserHistory/react-router-dom的BrowserRouter刷新页面404问题解决

前端解决：'/'表示把所有的url都发给代理https://api.example.combypass表示不需要发给发给代理服务器的条件　　如下配置，可以监听https://api.example.com域下的/开头的请求（等效于所有请求），然后判断请求头中accept字段是否包含html，若包含，则代理请求至/ind...

代码星球 ·2020-04-06

聊聊React的路由React-Router、react-router-dom

关于二者的区别参见：https://github.com/mrdulin/blog/issues/42　　直接使用react-router-dom好了，react-router-dom封装了react-router，也依赖react-router-dom BrowserRoutervsHashRouterim...

代码星球 ·2020-04-06

网站功能操作分布引导插件：Intro.js介绍；React里如何使用Intro.js以及如何进行分页导航

插件作用：使用向导，引导新用户正确使用Web网站。我的环境是React+Mobx。基本使用介绍，参加代码地址里的README.md：https://github.com/usablica/intro.js安装：npminstallintro.js--save在项目里的app.js里引入css文件，全局引入一...

代码星球 ·2020-04-06

react random key generator；react如何产生随机不重复的key

1、<divkey={+newDate()+Math.random()}>2、使用数组的索引3、使用uuid：https://www.npmjs.com/package/uuid4、使用uniqid：https://www.npmjs.com/package/uniqid5、Date.now()...

代码星球 ·2020-04-06

react组件引用时的default常见错误

1、下面使用方法是正确的：exportclassStepLoadextendsReact.Component{}引用上面插件的方法，重命名import{StepLoadasStepLoadGraph}from"./components/echart/StepLoad"2、下面使用方法也是正确的：exportdefaul...

代码星球 ·2020-04-06