jjzjj

Flowtype

全部标签

javascript - 在 Redux 操作中将数据放入 "payload"键有什么好处?

我在任何地方都找不到很好的答案,这似乎是一个毫无意义的约定。在许多教程和文档中,Redux操作是这样定义的:{type:"ACTION_NAME",payload:{foo:123,bar:456,}}payload对象有什么意义?为什么不写这个:{type:"ACTION_NAME",foo:123,bar:456,}我正在使用Flow,我喜欢将我所有的操作类型定义为一个联合体,没有嵌套的有效负载:typeAction={type:'ACTION_NAME',foo:number,bar:number,}|{type:'ANOTHER_ACTION',someData:string,

javascript - React 无状态功能组件的 Flow 返回类型是什么?

如果我有这样的东西constRandomComponent=(props)=>()我将如何使用Flow键入注释返回类型,即应该用什么替换/*???*/在下面的代码中?constRandomComponent=(props:{id:string,vino:number):/*???*/=>()编辑:This是Flow文档中关于无状态功能组件的内容。我可能是盲人,但我在那里看不到任何关于返回类型的信息,只有prop类型。 最佳答案 纯组件(与普通组件的render函数类型相同)的返回类型是?React$Element.正如您在itsde

javascript - 无法将对象数组分配给 Flow 中的联合类型数组

我正在学习Flow,因此我正在使用JavaScript和Flow开发一个业余爱好项目。我有一个类Foo和一个不同的类Bar,我想将一个Foo对象数组作为构造函数中的一个选项。但是,我还希望能够为每个这样的对象发送一些其他数据,所以我想要一个数组,其中每个元素要么是普通的Foo对象,要么是Foo包裹在数组或对象中的对象。但是,当我尝试为此编写代码时,出现了一些我不明白原因的奇怪错误。据我所知,它认为存在类型冲突,因为Foo与all联合类型不兼容,但据我了解应该只需要与其中至少一个兼容......这是我重现我遇到的确切错误所需的最少代码(linktoTryFlowexample)://@f

javascript - 如何为具有字段的函数声明流类型?

我正在尝试编写一个Javascript项目,在任何地方都使用严格的流类型。我还依赖于big-integer。不幸的是,flow-typed中没有预设流注释,Google也没有提供任何关于该主题的有用信息。像许多JavaScript包一样,big-integer导出一个函数,通常称为bigInt。这可以直接调用,像这样:bigInt(13)、bigInt("134e134")等,创建大整数对象(我已经决定根据文档将此函数的返回值类型称为“BigInteger”的“类”——但我不认为内部实际上使用类,因为我相信包在ES6之前出现)。这对于函数的输出来说效果很好,我可以将方法附加到那个类,我

javascript - 特定 React Native 事件的流类型?

为了对事件进行流式处理,我定义了如下自定义类型:exporttypeOnScrollEvent={nativeEvent:{contentOffset:{y:number},contentSize:{height:number}}}显然,缺少几个属性(如x和width),但我还不需要它们。我曾尝试为RN定位类似的类型,但只找到了一个似乎不是特别有用的Event类型:importtype{Event}from"react-native";handleEvent=(e:Event)=>console.log(e.inexistentProperty)//Flowdoesn'tcare!Re

javascript - Flowtype - 字符串与字符串枚举不兼容

我有一个来自选择输入的字符串类型的值,但是我想将它传递给一个函数(updateLanguage),该函数接收一个字符串枚举作为参数,类型别名(语言)。我面临的问题是,如果我明确地将我的字符串值与枚举字符串进行比较并且我想使用像array.includes这样的数组函数,Flow只允许我调用updateLanguage。这是我的问题的代码简化://@flowtypeSelectOption={value:string};constselectedOption:SelectOption={value:'en'};typeLanguage='en'|'pt'|'es';constavaila

javascript - 使用 ES6 + Flow 代替 TypeScript

我正在为JavaScript应用建模。此应用程序的主要功能是使用RESTAPI来配置和显示具有某些自定义输入类型的表单。我正在考虑使用TypeScript利用类型和类。但经过一些谷歌搜索后,我意识到我可以使用JavaScriptES6+Flow获得非常相似的结果。(可能还有Babel)。我的问题是:这两种方法真的很相似还是我搞砸了?在ES6+Flow或TypeScript之间做出正确选择时,我应该考虑什么?感谢您的帮助。 最佳答案 免责声明:我在Flow团队工作。总的来说,我认为Flow更注重稳健性,而Typescript更注重易用

javascript - 子 react 元素的流类型注释

有没有更好的方法来对children进行类型注释?typeFilterLinkProps={filter:State$VisibilityFilter,children:any};constFilterLink=({filter,children}:FilterLinkProps)=>{return({e.preventDefault();store.dispatch(({type:'SET_VISIBILITY_FILTER',filter}:Action$VisibilityFilter));}}>{children});}; 最佳答案

javascript - 第一项后 IntelliSense 在 React Native 样式表中不起作用

我正在使用VSCode(1.34.0)+Flow(流语言支持:1.1.1,流语言客户端:0.2.1)(切换到Typescript但仍然具有相同的功能错误)我的ReactNative项目上的Typescript3.4.5。当我开始输入样式属性时,它会毫无问题地完成第一个属性,然后当我开始输入第二个样式属性时,它不会完成:我做错了什么?更新:我的(相关)启用扩展是:BabelJavaScript0.0.22,流语言支持:1.1.1,流语言客户端:0.2.1,npm智能感知1.3.0,Prettier-代码格式化程序1.8.1,ReactNative工具0.9.3。

javascript - 将 Flow 用于样式化组件 Props

所以我一直在研究JavaScript中的类型系统,大部分情况下一切正常,但是样式组件存在问题。我似乎找不到将流程应用于样式化组件的Prop的好方法。到目前为止,我看到的唯一解决方案是:exporttypeButtonPropTypes=ReactPropTypes&{styleType:'safe'|'info'|'warning'|'danger'|'link',isPill:boolean,isThin:boolean,};exportconstButtonStyled=styled.button`${generateBaseStyles}${hoverStyles}${fillS