React Typescript:带有模板道具的FunctionComponent

文章/答案/技术大牛

发布

4回答

reactjs、typescript、generics、typescript-generics

我有一个带有模板化道具的组件：我可以在不显式指定值类型的情况下使用它(这是推断出来的)：<MyComponent value={1} /> 我通

浏览 20提问于2019-08-01得票数 2

2回答

为什么参数'props‘隐式具有'any’类型？

javascript、typescript、redux、create-react-app

一切都在进行fine.....however，然后这个错误发生了"Parameter“隐式有'any‘类型，我在internet...it中找到了一个解决方案，建议为道具创建一个接口。任何帮助都是非常感谢的！(我是TypeScript新手)import { connect } from "react-redux"; import mapStateToProps&#

浏览 1提问于2018-10-10得票数 8

回答已采纳

1回答

如果我向React.FC提供泛型类型，为什么需要指定支持类型？

reactjs、typescript

我将@typescript-eslint/typedef规则打开，以实现对参数的类型定义。但是，当我一般地键入一个React.FC时，我会得到一个错误：期望道具有一个类型注释(@ type typescript eslint/ty胡枝子f) 我原以为props参数的类型将由应用

浏览 4提问于2020-03-20得票数 1

回答已采纳

2回答

使用Typescript | Functional component |类型'boolean‘不能赋值给类型'ReactElement<any，any>’

reactjs、typescript、next.js

我已经通过React设置了一个使用TypeScript的项目。所以我继续创建了一个使用子道具的布局组件。这是我当前的代码： children: React.ReactNode const Layout: React.FC<LayoutProps> = ({children})

浏览 3提问于2021-03-30得票数 0

3回答

类型'({ items }：PropsWithChildren<TodoProps>) => Element[]‘不能指定键入'FunctionComponent<TodoProps>’

reactjs、typescript、react-typescript

反应，我被困在这个错误Type '({ items }: PropsWithChildren<TodoProps>) => Element[]' is not assignable to type 'FunctionComponent完全错误： Type '({ items }: PropsWithChildren<TodoProps>) => Element[]' is not assignable to type 'FunctionComponent错误发生在

浏览 2提问于2019-11-17得票数 19

回答已采纳

4回答

类型“{}”上不存在属性“子”

reactjs、typescript

它说‘子“不存在于'{}’类型上，即使这个语法在我的其他项目上有效。

浏览 10提问于2022-04-21得票数 6

回答已采纳

1回答

对JSS和TypeScript进行反应

reactjs、typescript、jss

我已经使用React很长一段时间了，现在我想切换到使用。然而，我已经习惯了JSS风格(通过react-jss包)，我不明白我应该如何在TypeScript中使用它们。我还使用classnames包，有条件地分配多个类名，并获得相应的TypeSCript错误。以下是我的React组件模板：import withSt

浏览 3提问于2020-01-06得票数 5

回答已采纳

1回答

在添加了功能组件作为属性的功能组件中，“'Property不存在”吗？

reactjs、typescript、react-functional-component、react-tsx、react-typescript

我将React与Typescript和函数式方法结合使用。const Divider: React.FunctionComponent<CardDividerProps> = (props: CardDividerProps) => (} 但这是唯一的解决方案吗？React.

浏览 9提问于2020-07-28得票数 1

回答已采纳

1回答

如何编写提取传入组件的属性类型的泛型

reactjs、typescript

如何编写接受组件并将其prop类型用作第二个参数的类型的泛型假设我传入了一个类型为React.FunctionComponent<IMovieShowcase>的组件如何提取IMovieShowcase的类型 function renderWithProviders<T How to extract type of T<Props>>( Component: T, props: // props

浏览 12提问于2019-09-09得票数 1

回答已采纳

2回答

反应支持类型与类型记录

javascript、reactjs、typescript

如果我在我的项目中使用类型记录，这会不会使反应中的道具类型的使用过时？对于支持类型，我将不得不经历定义类型的咕噜声，但是对于类型记录，这个步骤将被否定。我的想法正确吗？

浏览 4提问于2017-09-20得票数 9

回答已采纳

1回答

如何将函数从父组件传递到具有assingable类型的子组件

reactjs、typescript、typeerror、react-component

我是TypeScript新手，我想将我的函数onDogSelected传递给子组件<Dogs />。const HomePage: React.FC = () => { const

浏览 28提问于2021-09-22得票数 3

回答已采纳

2回答

使用类型记录创建功能组件的正确方法是什么？

javascript、reactjs、typescript、eslint

什么是正确的方法，如何创建功能组件的反应使用类型记录？ interface IProps {} const { color } = props; retu

浏览 6提问于2020-05-03得票数 0

1回答

在中键入错误并使用类型记录作出反应

reactjs、typescript、react-redux、typescript-typings、react-router-dom

</Switch> </Router>}; 在路线代码中，我面临类型问题，即没有过载和这个电话匹配。重载2中的1，‘(道具:只读)：路由’，给出了以下错误。键入'{ Dashboar

浏览 1提问于2020-04-11得票数 1

1回答

为什么在此typescript react组件中预期的道具的对象结构中会有一个分号？

reactjs、typescript

查看我看到的示例代码： import * as React from 'react'; count: number;confuses me return <h1>{props.count}</h1>; export default Count; 该对象结构定义了预期的道具</em

浏览 16提问于2019-03-25得票数 2

回答已采纳

1回答

Typescript无状态HOC react-redux注入属性类型化

reactjs、typescript、redux、react-redux、typescript-typings

我正在进入typescript，我似乎不知道如何正确地键入我的无状态组件，这些组件都有一个redux HOC，为它们注入一些道具和函数。fetchMorePosts: () => void; WrappedComponent: React.FunctionComponent<WrapperProps> const Post

浏览 11提问于2020-06-03得票数 1

回答已采纳

3回答

是否为TypeScript定义非箭头React功能组件？

reactjs、typescript

您可以使用以下代码在TypeScript中定义React功能组件的类型： return // Stuff };如何对非箭头函数执行相同的操作？这份流行的小抄并没有涵盖它，所以我想知道是否有理由不使用这种语法？

浏览 2提问于2019-09-11得票数 13

2回答

TypeScript不是从React.ComponentType推断道具

reactjs、typescript、generics

我有以下函数，我想用它来获取ComponentType及其道具，以便允许我将这些道具与RouteComponentProps一起注入 const routeComponentFactory = <TPropsextends {}>( props: TProps return (routeProps如果我显式指定TProps，则此函数可以正常工作，例如： interface MyComponent

浏览 33提问于2019-06-13得票数 4

回答已采纳

2回答

如何添加FunctionComponent类型以使用"function“语法而不是"const”来响应功能组件？

reactjs、typescript

这样做很好：const Counter: FunctionComponent = () => <div>hello from Counter</div>;这有编译错误： import React, { FunctionComponent } from "reac

浏览 1提问于2019-07-16得票数 4

回答已采纳

2回答

如何在Typescript中正确使用React属性？

reactjs、typescript

我是一个新的反应和打字的人。我发现我需要这样声明道具： const Title = ({title}:{[key:string]:any}) => { 但对我来说，这似乎有点费解。有没有更好的方法来解决这个问题呢？

浏览 20提问于2020-04-17得票数 0

回答已采纳

4回答

TypeScript React.FC<Props>混淆

javascript、reactjs、typescript、react-functional-component

我正在学习TypeScript，有些地方让我很困惑。有一点如下： name: string; return"bold" : "normal" }}> </p> )对于上面的两个功能组件，我看到TypeScript</

浏览 2提问于2020-01-30得票数 151

回答已采纳

点击加载更多