用于与 Typescript 反应的 Facebook 客户聊天插件

     2023-02-23     27

关键词:

【中文标题】用于与 Typescript 反应的 Facebook 客户聊天插件【英文标题】:Facebook Customer Chat Plugin For React with Typescript 【发布时间】:2018-07-07 08:27:43 【问题描述】:

我正在开发一个带有 react 和 typescript 的网站,我想包含 Facebook 客户聊天插件。我找到了这个节点模块https://github.com/Yoctol/react-messenger-customer-chat。这似乎可以解决问题。

但是没有可用的@types 节点模块。所以我不能将它与打字稿一起使用。我尝试声明我自己的 d.ts 声明文件,但它超出了我的想象,我无法这样做。我是否应该继续尝试学习如何为它创建一个 d.ts 声明,如果是这样,如何?请指出正确的方向。否则,是否可以将客户聊天插件包含在反应应用程序中。

【问题讨论】:

【参考方案1】:

我找到的一个解决方案:一个简单的 //@tsignore 通过导入然后正常使用它

【讨论】:

与 TypeScript 反应:类型“”不可分配给类型

】与TypeScript反应:类型“”不可分配给类型【英文标题】:ReactwithTypeScript:Type\'\'isnotassignabletotype与TypeScript反应:类型“”不可分配给类型【发布时间】:2018-12-1120:14:18【问题描述】:我在React中有一个组件,它显示基于道具的... 查看详情

与 Typescript 反应:“never[]”类型的参数不可分配给“StateProperties |”类型的参数(() => 状态属性)'

】与Typescript反应:“never[]”类型的参数不可分配给“StateProperties|”类型的参数(()=>状态属性)\\\'【英文标题】:ReactwithTypescript:Argumentoftype\'never[]\'isnotassignabletoparameteroftype\'StateProperties|(()=>StateProperties)\'与Typescript反应:“nev 查看详情

与 TypeScript 反应 - 在无状态函数中定义 defaultProps

】与TypeScript反应-在无状态函数中定义defaultProps【英文标题】:ReactwithTypeScript-definedefaultPropsinstatelessfunction【发布时间】:2016-09-1217:20:48【问题描述】:我正在使用带有TypeScript的React,并且我创建了无状态函数。为了便于阅读,... 查看详情

在 typescript 中使用 css 模块时出错与 webpack 配置反应

】在typescript中使用css模块时出错与webpack配置反应【英文标题】:Errorusingcssmodulesintypescriptreactwithwebpackconfig【发布时间】:2021-02-1806:51:33【问题描述】:实际上有一个类似的问题:HowdoIfixtypescriptcompilererrorsoncssfiles?所以我尝试在ty... 查看详情

使用 Typescript 将本机文本输入焦点与 useRef 反应

】使用Typescript将本机文本输入焦点与useRef反应【英文标题】:ReactNativeTextInputfocuswithuseRefusingTypescript【发布时间】:2021-11-1715:58:26【问题描述】:我在关注ReactNative中的下一个输入时遇到问题。我在整个应用程序中只使用了一个... 查看详情

用于反应引导 DropDown 的 onSelect 事件处理程序打字稿类型

...t事件处理程序打字稿类型【英文标题】:onSelecteventhandlertypescripttypeforreactbootstrapDropDown【发布时间】:2021-01-1205:24:43【问题描述】:我将React与typescript和react-bootstrap一起使用来创建下拉列表:ipc__handleSelect=(eventKey:any,event:any 查看详情

使用 TypeScript 反应 Apollo useQuery 钩子

】使用TypeScript反应ApollouseQuery钩子【英文标题】:ReactApollouseQueryhookwithTypeScript【发布时间】:2020-10-1908:48:38【问题描述】:我正在尝试让useQuery挂钩与TypeScript一起使用。这是我的查询exportconstFETCH_LINKS=gql`queryFetchLinksfeedlinksidcreate... 查看详情

在反应 TypeScript 中键入输入的键值 [重复]

】在反应TypeScript中键入输入的键值[重复]【英文标题】:Typinganinput\'skeyupinreactTypeScript[duplicate]【发布时间】:2021-09-1606:01:39【问题描述】:我正在尝试将我的keyup事件与TS一起使用,但使用any|KeyboardEvent不起作用。如何在React中键... 查看详情

如何使用 TypeScript 在 Vue.js 中指定非反应性实例属性?

】如何使用TypeScript在Vue.js中指定非反应性实例属性?【英文标题】:Howtospecifynon-reactiveinstancepropertyinVue.jsusingTypeScript?【发布时间】:2018-06-1218:25:31【问题描述】:我正在将我的Vue.js组件迁移到TypeScript。在guide之后,我尝试将Vue.... 查看详情

typescript新的反应形式(代码片段)

查看详情

在与 TypeScript 的反应中使用状态

】在与TypeScript的反应中使用状态【英文标题】:UsingstateinreactwithTypeScript【发布时间】:2018-04-0919:31:09【问题描述】:我是TypeScript的新手。我在渲染方法中显示this.state.something或将其分配给函数中的变量时遇到问题。看看最重要... 查看详情

typescript嵌套的反应表单/表单数组(代码片段)

查看详情

用于 @types/react-router 的 Typescript 自定义 @types 包

】用于@types/react-router的Typescript自定义@types包【英文标题】:Typescriptcustom@typespackagefor@types/react-router【发布时间】:2017-08-1323:40:18【问题描述】:我的项目使用打字稿做出反应。我需要使用react-breadcrumbs来显示react-router的面包屑... 查看详情

TypeScript:如何使函数具有反应性

】TypeScript:如何使函数具有反应性【英文标题】:TypeScript:Howtomakeafunctionbehavereactively【发布时间】:2021-11-0807:34:47【问题描述】:我有一个用TypeScript编写的函数来显示一个颜色选择器控件,它将返回一个按钮属性。然后,该按... 查看详情

使用 TypeScript 反应 FlatList

】使用TypeScript反应FlatList【英文标题】:ReactFlatListwithTypeScript【发布时间】:2020-11-1416:44:30【问题描述】:TypeScript真的很棒,只是目前我觉得我为TypeScript工作比为我工作更多。我有一个在轮播中呈现餐厅结果的FlatList。constrender... 查看详情

typescript 3.33的onClick问题并做出反应

】typescript3.33的onClick问题并做出反应【英文标题】:onClickproblemwithtypescript3.33andreact【发布时间】:2019-08-0722:41:30【问题描述】:我正在尝试在带有TypeScript和React的链接上使用onClick属性:import*asReactfrom\'react\';importanyfrom\'prop-types\'... 查看详情

typescript反应hoc的ts类型声明(代码片段)

查看详情

[typescript]type、typeof、keyof

...定义就不能再添加新的属性,而interface总是可扩展的。在TypeScript中,typeof操作符用来获取一个变量或对象的类型;巧了JavaScript中也有typeof,先来复习下在JavaScript中的用法TypeScript中的typeof:typeof也可以获取函数的类型:keyof操作... 查看详情