github : https://github.com/redux-saga/redux-saga文档：https://redux-saga.js.org/ redux-saga: redux中间件，旨在处理应用中的副作用使用：import createSagaMiddleware from ‘redux-saga‘ import {createStore,applyMiddleware} from ‘redux‘const saga = createSagaMiddleware();const store = createStore(reducer,applyMiddleware(sagaMiddleware) )sagaMiddleware.run(mysagas);基础概念： saga-middleware 检...
React Native 在debug模式下，可以通过摇动手机，弹出调试选项。但是今天利用了cocoapods 把react native 文件整理后，调试界面就弹不出了，其他功能正常。查了好久，发现是少在pods的 spec里写了DevSupport 这个模块。下面发一份pods 的 spec 文件作为参考：# Uncomment the next line to define a global platform for your project platform :ios, ‘8.0‘target ‘MapDemo‘do# Uncomment the next line if you‘re using Swif...
生命周期：一个组件在不同的时期会调用不同时期的函数接口（也就是对应的生命周期函数）react组件的生命周期总共提供了10个API。装载：依次执行以下函数：constructor -- 组件被加载前最先调用，只调用一次 1、getDefaultProps --作用于组件类，只调用一次，设置默认的 props，对于引用值，会在组件中共享 2、getIntialState -- 在ES6语法中废弃了这种写法，作用于组件实例，在组件被实例化的时候被调用一次，用于初始化每个...
托新冠的福，这个假可算放的超长了。难得的长假不能浪费了，平时忙于开发，没时间系统的搞搞react，这下终于得空了，于是趁着假期搞了一个react efl，当然是仿饿了么开发的。本文就此对vue和react做个对比。先来看看成果： 1、react相对于vue而言，组件化更强烈 vue很容易出现一大段UI写在一个组件的情况（如：tab组件） react则不容易出现这种情况，大段的jsx写在一起，你试试，保证累死你2、react跟接近js vue很好...
React Js组件： 组件（Component）是为了更好的维护我们的应用，可以在不影响其他的组件的情况下更新或者更改组件。 state:是标记数据的来源，我们使state比较简单和单一，如果我们有是个相应的state，我们应该进行相应的封装，我们应该创建一个容器组件来保存所有的值。 如下面代码： import React from ‘react‘ class App extends React.Component{ //有状态的值 constructor(){ ...
react：用于构建用户界面的JavaScript库特点：1.声明式（只需要更新数据，不需要操作DOM，页面就会变化）2.组件化（页面简化，方便维护）3.一次学习，随处编写（ReactNative，可以运用在手机上，包括安卓和ios，既可以写浏览器端也可以写服务器端）4.高效（虚拟dom：不总是直接操作DOM 和 dom diff：最小化页面重绘）5.单项数据流注意：react高效的原因： 相关js库：react.js：React的核心库react-dom.js：提供操作DOM的react扩展...
jumpLive = (channel)=>{const {liveloading} = this.state；//点击开关var that = this;if(!liveloading){this.setState({liveloading:1});jumpToLive.jumpToLive(channel).then(function(value) {that.setState({liveloading:0});});}}jumpToLive(channel) {let url = baseUrl + "/playUrl?channelId=" + channel;console.log(‘api.baseUrl‘, baseUrl);returnnew Promise((resovle,reject)=>{Request({url: url, data: {}}).t...
简要：原作为使用for循环更改div的background来实现的。此处使用三元操作符：点击按钮时，通过boolean来判断作为开关，添加类 new，实现同样的效果。import React,{useState,useEffect} from ‘react‘; import ReactDOM from ‘react-dom‘; import ‘./index.css‘;function ChangedivColor(props){const [isRed,setRed]=useState(false); return(<><button onClick={()=>setRed(true)}>点击将DIV变成红色</button><div id="oute...
Sequences 集合 表示一个不可变的序列值且不能包含空值，1.实现NSArray的快速遍历NSArray *numbers = @[@1, @2, @3, @4, @5, @6];//通过rac_sequence来获取SignalRACSignal *signal = numbers.rac_sequence.signal;[signal subscribeNext:^(id x) { //子线程异步请求 NSLog(@"%@", x); }];2.实现NSSet的快速遍历NSSet *set = [NSSet setWithObjects:@"A", @"B", @"C", @"D", @"E", @"F", nil]; RACSignal *setSignal ...
两种方式，第一种修改package.json文件；第二种是直接执行npm install --save react-native@版本号。通过上诉操作之后，更新模板:react-native upgrade原文：https://www.cnblogs.com/hgwstudy/p/9381376.html
需求：界面新增一个“导入项目”按钮，点击该按钮可以执行项目导入功能。假设点击事件部分是jsx语法代码，而项目导入部分是封装的js语法代码，此处用alert("123")代替。具体示例如下：项目导入部分ImportProject.js文件：export const IMPP = { click_alert:function(){ alert("123"); } };jsx里引入js文件部分：import {IMPP} from‘./ImportProject.js‘;jsx里按钮点击事件部分：render() {return (<button type="button" classN...
今天莫名的发现ListView加载Item很卡，一顿一顿的。。。ListView Item 中只加载一张图片，小编从百度爸爸上随便复制的链接，这张图片很大，以致埋下如此大坑。。。Image的Style配置如下：我们来下看官方对于reSizeMode的解释： 经过多次测试确实是因为reSizeMode设置成 contain 导致的，如果我将reSizeMode去掉如下: 完全OK 没问题。。。唯一能解释的就是：contain属性下，图片拉伸导致性能降低。。。记录此问题，防坑~~~原文：htt...
现在用D3.js + react做一个带坐标轴和比例尺的柱形图。我已经尽力把代码全部注释上了，最后我也会把完整柱形图代码奉上。如果还有疑惑的，可以去翻看一下我之前介绍的方法，以下方法都有介绍到。还有数据都是自己定义的假数据，大家参考一下制作方法即可。 首先定义柱形图的数据、绘图区域的宽高、和上下左右的边距:1var width = 600; //SVG绘制区域的宽度2var height = 500; ...
import React, { Component } from‘react‘; import ‘./App.css‘; import {connect} from‘react-redux‘; import {bindActionCreators} from‘redux‘; import action from‘./shopcar/reduce/action‘// ui 组件 只取数据class App extends Component {constructor(props){super(props);this.addfriut = this.addfriut.bind(this); this.allprice = this.allprice.bind(this);this.state = {n: 0}};addfriut(){this.props.add...
目录Router 的 类型Router HooksuseParamsuseRouteMatchuseLoactionuseSearchParamsuseHistorywithRouterRouter 的 类型BrowserRouter, HashRouter : https://reactrouter.com/web/example/basicRouter HooksuseParams作用：获取路由中的参数, 比如获取id等等 地址：https://reactrouter.com/web/api/Hooks/useparamsuseRouteMatch作用：从父路由中继续渲染子路由 地址：https://reactrouter.com/web/api/Hooks/useroutematchuseL...