草庐IT

enable-client-side-hooks-when-com

全部标签

javascript - 如何使用 React hooks 处理/链接依赖于另一个的同步副作用

我正在尝试将我的应用程序从redux重写为新的上下文+Hook,但不幸​​的是,我很难找到一种好方法来处理一系列依赖于前一个响应的同步副作用。在我当前的redux应用程序中,我大量使用同步/链接操作和API请求,我通常通过redux-saga或thunk处理这些请求。因此,当返回第一个API请求的响应时,该数据将用于下一个API请求等。我做了一个自定义钩子(Hook)“useFetch”(在这个例子中它没有做太多,因为它是一个简化的版本,我还必须做一个小的调整才能在codesandbox上工作-请参见下面的代码)。问题在于,由于“钩子(Hook)规则”,我不能在useEffect钩子(

javascript - React Hooks useEffect,添加依赖触发死循环

在我的useEffect中,我有一个Prop依赖项(setIsValid)。当我将此依赖项添加到useEffect时,它会陷入无限循环。调用子组件时为父级:constsetIsValid=(bool)=>{consttmpStateCopy=Object.assign({},state);tmpStateCopy.isValid=bool;setState(tmpStateCopy);};return在子组件中:const{setIsValid}=props;const[state,setState]=useState({transformations:[],duplicateInde

javascript - react Hook : accessing up-to-date state from within a callback

编辑(2020年6月22日):由于这个问题引起了一些新的兴趣,我意识到可能存在一些困惑。所以我想强调:问题中的例子只是一个玩具例子。它不能反射(reflect)问题。引发这个问题的问题是使用第三方库(对其控制有限),该库将回调作为函数的参数。为该回调提供最新状态的正确方法是什么。在React类中,这将通过使用this来完成。在Reacthooks中,由于状态被封装在React.useState()函数中的方式,如果回调获取状态通过React.useState(),它将是陈旧的(设置回调时的值)。但如果它设置状态,它将可以通过传递的参数访问最新状态。这意味着我们可以通过将状态设置为与原来

递归 Hook 时 Javascript 丢失上下文

我开始研究JS的动态分析工具,我想不引人注意地分析整个环境。我基本上是在遍历各种上下文,深入研究对象,每次我遇到一个函数时,我都会Hook它。现在,除了在处理jQuery/prototype等库时它会中断之外,它工作得相对较好。这是我到目前为止的代码(尽我所能评论):var__PROFILER_global_props=newArray();//visitedproperties/***Hookintoafunction*@namethenameofthefunction*@fnthereferencetothefunction*@parenttheparentobject*/func

javascript - react : Prevent remount when parent rerenders

我有一个组件Split,它有两个child。第一个child将显示在屏幕的左侧,第二个child将显示在屏幕的右侧。如果屏幕宽度低于某个点,则只会显示右侧,左侧将从DOM中移除。示例子项可以是Sidebar组件和Content组件。对于移动设备,我不想显示菜单,但有一个弹出的特殊移动菜单。我的问题是:如何在不卸载和重新安装Content组件的情况下删除Sidebar组件?我的Content组件在componentDidMount上获取数据,我不希望它再次重新获取或重新安装(因此丢弃用户输入)。基本上我有这样的东西:Split的渲染方法看起来像这样:letchildren;letfirs

JavaScript 继承 : When where's my derived members?

看看下面的代码:functionPrimate(){this.prototype=Object;this.prototype.hairy=true;}functionHuman(){this.prototype=Primate;}newHuman();当您检查newHuman()时,没有hairy成员。我希望会有一个。有没有其他方法可以让我从Primate继承?涉及Object.create()的内容(ECMAScript5适合在我的场景中使用)? 最佳答案 在编写代码时,使用newHuman()创建的对象将具有一个名为protot

javascript - 使用 CloudCode 在 Parse.com 中保存来自 URL 的图像

几天来,我一直在努力保存从HTTP请求中检索到的文件。这是我的代码:Parse.Cloud.httpRequest({url:"https://ss1.4sqi.net/img/categories_v2/food/vietnamese_88.png",success:function(httpImgFile){console.log("httpImgFile:"+String(httpImgFile.buffer));varimgFile=newParse.File("imgFile1.png",httpImgFile.buffer);object.set("location","n

javascript - 陷阱 when.js 未处理的拒绝

我想捕获when.js未处理的拒绝,以便我可以记录它们。为此,我覆盖了console.warn(),但是它可以记录我不感兴趣的when.js以外的内容。引用:https://github.com/cujojs/when/blob/master/docs/api.md#debugging-promises我在when.js中使用prettymonitorhttps://github.com/AriaMinaei/pretty-monitor 最佳答案 如果您在服务器端,您可以使用promise拒绝钩子(Hook)。这些将适用于服务器端

javascript - 在 youtube.com 上获取 Youtube 视频的当前时间(例如 document.getElementById ('movie_player').getCurrentTime())

我正在创建一个GoogleChrome扩展程序,它依赖于了解“youtube.com”上正在播放的视频的当前时间。我知道,原则上,document.getElementById('movie_player').getCurrentTime()应该返回这个,但是在注入(inject)页​​面的内容脚本中调用它会产生:UncaughtTypeError:document.getElementById('movie_player').getCurrentTimeisnotafunction(…)我能够在Chrome控制台中运行该命令并获得正确的返回值。在将此问题标记为重复问题之前,我想指出我

javascript - Jquery:$.when 根据参数的数量表现不同

$.when的行为会有所不同,具体取决于是否将一个或多个Deferred对象传递给它。此行为记录在文档中-但问题是它迫使我编写两个不同的代码路径。functionfoo(dfds){$.when.apply(this,dfds).done(function(){console.log(arguments);});}案例一:foo([$.getJSON("http://freegeoip.net/json/8.8.8.8"),$.getJSON("http://freegeoip.net/json/8.8.8.9")]);..../*Output(whatI'dcometoexpect)