使用typescript创建函数组件

文章/答案/技术大牛

发布

1回答

reactjs、typescript

我正在尝试创建一个简单的HOC来将SideMenu添加到我的react FC中，我不确定我做错了什么即席： const withSideBar = <P extends object>( WrappedComponent

浏览 11提问于2020-07-16得票数 2

1回答

如何配置eslintrc并向eslint添加React eslint(使用airbnb，类型记录)而不创建react应用程序

reactjs、eslint、react-typescript、eslint-config-airbnb

我的项目没有使用创建-反应-应用程序。我在提升我的埃斯林特。如何向eslintrc.js文件添加正确的响应？目前，我在extend属性中有以下内容： 'airbnb', 'airbnb/hooks', /&

浏览 16提问于2022-07-04得票数 0

3回答

什么时候使用JSX.Element对ReactNode和ReactElement？

javascript、reactjs、typescript

我目前正在将一个React应用程序迁移到TypeScript。到目前为止，这很好，但是我的render函数的返回类型存在问题，特别是在我的函数组件中。我一直使用JSX.Element作为返回类型，现在如果组件决定不呈现任何内容(即返回null )，则不再起作用，因为null不是JSX.Element的有效值。这是我旅程的开始。我搜索了一下网络，发现你应该使用ReactNode，这包括null和其他一些可能发生的事情。但是，在创建函数

浏览 7提问于2019-09-26得票数 611

回答已采纳

1回答

React DND typescript支持

reactjs、typescript、react-dnd

我看到一些用户提到他们正在使用这个支持Typescript的库，但是我在任何地方都找不到任何文档，我似乎也不能单独使用它。我正在使用typescript 2，但我无法创建一个真正简单的工作示例，它只允许我拖动现有的组件。我尝试了几种可能的方法，但在调用DragSource (作为装饰器或函数)或呈现结果组件时，我总是遇到一些类型问题。简而言之，我想要一个例子，展示在typescript中react-dnd的用法，它允

浏览 2提问于2016-10-18得票数 6

2回答

努力使用TypeScript、React、Eslint和simple Arrow Functions组件

reactjs、typescript、eslint、eslintrc、eslint-config-airbnb

我刚开始使用typescript，我正在尝试用Eslint和更漂亮的工具正确地设置它，以确保代码格式正确。import React from "react"; text: string; const Div =({ text }: DivProps): JSX.Element => (<div>{text}</div

浏览 7提问于2021-11-11得票数 23

回答已采纳

1回答

为React功能组件定义通用方法

reactjs、typescript、react-redux

我使用typescript和钩子创建了一个4页的应用程序。在每个文件中都有几个通用的方法。有没有办法让相同的方法可以在所有文件中扩展。类似于typescript中的抽象，而不需要将组件从函数式更改为类？

浏览 0提问于2020-06-02得票数 0

1回答

如何创建泛型函数组件

reactjs、typescript、generics、tsx

可以创建泛型函数组件吗？但不是function MyComponent<T>({ size, primary, component, ...rest }: MyComponentProps<T>) {} 但是像这样编写组件，TSX (我使用的是最新的create-react-app)不再将它识别为组件</e

浏览 0提问于2019-04-04得票数 2

2回答

使用模板字符串预编译TypeScript* Vue组件*

typescript、webpack、vue.js、vue-component

我有一个包含组件的TypeScript文件： template: "<div>I am a component</div>"当我尝试使用这个组件时，我会收到以下警告：在模板选项不可用的情况下

浏览 3提问于2016-11-25得票数 5

回答已采纳

1回答

类型记录指向函数

reactjs、typescript、redux

我正在使用TypeScript和编写一个reactjs应用程序。为了描述组件道具，我使用的是接口而不是propTypes。这允许我在编译时检查螺旋桨类型。其中一些道具是函数(redux动作创建者，由connect和dispatch包装)。如何说我的组件属性是操作创建者函数签名的TypeScript？我的意思是我不想重复描述类型。// but I have to duplicate its typ

浏览 0提问于2015-12-31得票数 2

回答已采纳

1回答

停止在不使用类型记录的vue组件上应用typescript-eslint/explicit-module-boundary-types

typescript、vue.js、typescript-eslint

我正在使用vue，我刚刚更新了@typescript-eslint/eslint-plugin": "^3.10.1"。我的项目包含几个组件。其中一些使用javascript，另一些使用typescript。警告警告:函数(@typescript-eslint/explicit-module-boundary

浏览 3提问于2020-08-27得票数 17

1回答

打字稿语法澄清

javascript、node.js、typescript

那么，为什么不把它放在函数本身中呢？

浏览 4提问于2020-10-23得票数 2

回答已采纳

1回答

当将Svelte组件导入TypeScript文件时，是否可以保留支持类型信息？

typescript、svelte、svelte-component

编辑:这原来是由一个已知的问题引起的，正在进行修复：然后，使用如下文件导入它并将其从TypeScript装入DOM中： import Hello from '.理想情况下，我希望能够创建泛型类型化函数<

浏览 29提问于2021-12-21得票数 1

1回答

Vue 3-当用作函数参数时，设置组件及其支持的类型

javascript、typescript、vue.js、vue-component、vuejs3

在Vue 3中，我正在创建一个函数，它将接受要传递的组件和道具的实例。我还在使用TypeScript，并想知道是否可以输入这些参数。例如，函数可能类似于： //所以我的问题是：如何为组件实例指定类型？这些组件并不总是相同的，但至少是用于类似用途的组件。是否有一种方法可以让我指定道具的类型，并将其限制在第一个参数(<e

浏览 4提问于2022-11-17得票数 3

回答已采纳

1回答

在函数中创建输入更改事件

reactjs、typescript、dom-events

我正在使用带有typescript的react。我有一个获取输入更改事件的父函数。父组件： (event: React.ChangeEvent<HTMLInputElement>): void => {<Child onChange={onFormChange(key)}> )我已经在子组件中创建了对象，它看起来像event： public onC

浏览 0提问于2019-05-06得票数 0

1回答

VS代码不会对可能的未定义对象发出警告

reactjs、typescript、visual-studio-code

我正在创建这个React钩子，它公开一个user对象。在钩子内部，我将类型定义为'CognitoUserInterface | undefined‘。因为对象在初始化期间将是未定义的。当我在组件中使用这个钩子时，VS代码不会警告我该对象可能是未定义的。我已经用CodeSandbox创建了一个示例，但是它会发出警告。两者都使用相同的代码和相同版本的TypeScript。我已经尝试重新启动TypeScript服务器了。还能发生什么呢？我的VS代码(不对右侧的co

浏览 17提问于2021-01-13得票数 0

1回答

使用redux-thunk连接具有Redux状态的抽象类的问题

reactjs、typescript、redux、react-redux、react-thunk

这是我在redux-thunk和类组件中使用的基本模式。Props, LocalState> 然而，当我试图定义一个基类抽象类时，上面的模式失败了，它集中了在整个地方使用的某些功能

浏览 11提问于2022-09-21得票数 0

5回答

用TypeScript编写反应高阶组件

reactjs、typescript、higher-order-components

我正在用写TypeScript。这个特殊的函数(我相信)是一个接受Component的函数。由于我事先不知道包装的组件是什么，所以我使用泛型类型TChildProps来定义包装组件的道具的形状。该函数还返回一个Component。返回的组件接受包装组件的道具(同样，使用通用TChildProps键入)和它自己需要的一些道具(输入HocProps)。当使用返回的组件时，应该提供所有的

浏览 8提问于2017-04-28得票数 19

回答已采纳

2回答

React:函数上缺少返回类型。eslint(@typescript-eslint/explicit-function-return-type)

reactjs、typescript、eslint

我刚开始使用Typescript React。在一个真正基本的函数组件中，eslint向我抱怨说它缺少函数组件本身的返回类型。我哪里错了？ 

浏览 0提问于2019-06-10得票数 15

回答已采纳

2回答

在function中函数组件的类型是什么？

reactjs、typescript

我使用的是React和TypeScript，有两个函数组件：这就是我想要定义Lists的方式 lists: List[];如果List是一个类组件但是由于List是一个函数组件，

浏览 3提问于2022-06-05得票数 0

2回答

redux- payloadCreator函数中默认参数的redux操作(typeScript)

typescript、redux、redux-actions

编译器)抱怨说，当我显式传递第三个参数时，调用操作创建器时只需要两个参数。我希望创建者有选择地采用第三个参数...有没有办法使用redux-actions createAction函数来实现这一点，或者我需要手动构建操作创建器？ P.S.--它被视为不存在，并且对函数的调用禁止包含它。另外--如果你能“愚弄”typescript编译器(在我的例子中，当在react组件中使用“connect”时，通过在组件的Props

浏览 1提问于2018-03-26得票数 1

点击加载更多