草庐IT

hook_type

全部标签

javascript - 流: check type of thenable

我有一个函数接受thenable(具有then()方法的对象;参见MDNJavaScriptdocs:Promise.resolve()的顶部)或其他:functionresolve(value:{then:()=>T}|T){if(value&&value.then){console.log('thenable',value.then);}else{console.log('notthenable');}}TryFlowdemo当我在此if语句中访问value.then时,Flow会报错。我可以用(value:any).then修复它,但这看起来很老套。谁能推荐一种类型检查的好方法?

javascript - 警告 : React. createElement : type is invalid -- bundle. js

我正在学习ReactJS的教程,一切都很好,几天来我可以运行一个示例,简单,执行推荐的基本配置,加上我添加的一些附加组件以识别Javascript版本.经过几天不再审查项目,但它运行正常,执行命令时,我没有看到任何错误,但在浏览器中没有显示任何内容,仅在控制台中出现多个错误一个。reac和react-dom卸载重装,问题依旧,尝试从friendclone一个新项目,正常,只是复制了我的相同结构。问题Warning:React.createElement:typeisinvalid--expectedastring(forbuilt-incomponents)oraclass/funct

javascript - React 功能组件在重新渲染时重新初始化局部函数和变量(React Hooks)

所以我现在开始使用Reacthooks。我已经尝试使用API一段时间了。我真的很喜欢将状态带入功能组件的想法。但是有一件事一直困扰着我,当我尝试使用它时,我的直觉感觉不对。我尝试在RFCs上发帖,但现在那里太拥挤了。一切似乎都消失了。这是我示例中的一段代码。importReact,{useState}from"react";functionCounter(){const[counterState,incrementCounterState]=useCommontState(0);functiondoSomething(){//doessomethingandthencallsincre

javascript - React Hooks 异步最佳实践

现在使用useEffects,可以将componentDidMount替换为带有Hooks的React组件。场景“对服务器的初始唯一调用”:为实现这一点,useEffect中的DependencyList(useEffect的第二个参数)每次都应该是一个空数组,否则应用程序将向服务器发送每个状态更改的获取调用.这意味着,这是获取数据的最佳实践useEffect(()=>{console.log("useEffect,fetchDatahere");},[]);最好的做法是使用[]作为DependencyList参数来禁用请求每个状态更改的服务器吗?链接到githubhttps://gi

javascript - 如何从重组转换为 Hook ?

我的公司正在使用重组作为我们的状态管理工具。我们正在重构我们的应用程序以使用Hook。对于下面的代码,您将如何用ReactHook组件替换recompose组件?理解为withState变成useState,如:withState('something','setSomething',null)成为const[something,setSomething]=useState(null);withProps、withHandlers、compose、hoistStatics和lifecycle会发生什么变化到?mapStateToProps和mapDispatchToProps是如何工作

javascript - 如何使用 react Hook 动态添加 "refs"?

所以我有一个数据数组,我正在生成一个包含该数据的组件列表。我想在每个生成的元素上有一个ref来计算高度。我知道如何使用Class组件来完成,但我想使用ReactHooks来完成。这是一个解释我想做什么的例子:importReact,{useState,useCallback}from'react'constdata=[{text:'test1'},{text:'test2'}]constComponent=()=>{const[height,setHeight]=useState(0);constmeasuredRef=useCallback(node=>{if(node!==null

javascript - Hook Google Map API 中的鼠标滚轮事件

是否可以挂接到GoogleMapAPI中的鼠标滚轮事件?无需赘述,我需要鼠标滚轮像在Googlemap中一样进行缩放,但我还需要附加到鼠标滚轮事件以用于其他目的。但是每当我在MapOptions中将scrollwheel设置为true时,GoogleMapAPI就会吃掉所有鼠标滚轮事件并拒绝共享它们(你不觉得很self中心吗?)!收听像zoom_changed这样的Googlemap事件将不起作用,因为如果map处于最小或最大缩放级别,它们不会触发,这是我需要的。更具体地说,我需要知道用户是否在已经处于最大缩放级别时尝试拉近距离。这“感觉”是可以解决的,但我的直觉并不总是正确的:-)有

javascript - 关于记录 JavaScript : JS types 的问题

考虑到我将来要和一个更大的团队一起工作,我正在尝试自学一些前端语言的基本注释和文档原则。目前我正在研究JS。在大多数情况下,我使用Google'sStyleGuide作为首选,但我还有一些问题。假设我有一个像这样的ajax函数:functioninitFunction(src,wrapper){$.getJSON(src,{format:"json"}).done(function(data){varwrapper=$(wrapper),contents=callAnotherFunction($(data)[0]);//Populatesthewrapperelement.wrapp

javascript - React 备忘录功能给出 :- Uncaught Error: Element type is invalid: expected a string but got: object

我有以下功能组件:-importReactfrom'react'import{Dropdown}from'semantic-ui-react'constDropDownMenu=(props)=>{constoptions=[{key:'fruits',text:'fruits',value:'Fruits'},{key:'vegetables',text:'vegetables',value:'Vegetables'},{key:'home-cooked',text:'home-cooked',value:'Home-Cooked'},{key:'green-waste',text:

javascript - 为 js-mode 添加 Common Hook

我添加了以下通用钩子(Hook)以在js模式下点击回车时自动缩进;(add-hook'js-mode-common-hook'(lambda()(local-set-key(kbd"RET")'newline-and-indent)))为什么这不起作用?我对C使用完全相同的东西,如下所示,它有效:(add-hook'c-mode-common-hook'(lambda()(local-set-key(kbd"RET")'newline-and-indent))) 最佳答案 使用js-mode-hook。具有基于cc-mode模式的语