子项|属性"isPrivate“在类型”{ TypeScript？：ReactNode}“上不存在
属性"isPrivate"在类型"{ TypeScript?: ReactNode}"上不存在。
这个错误提示是在使用TypeScript和React开发时出现的。它表示在给定的类型中，没有名为"isPrivate"的属性。
要解决这个问题，可以按照以下步骤进行：
- 检查代码中的拼写错误：确保属性名"isPrivate"没有拼写错误。检查大小写和任何额外的空格或特殊字符。
- 检查类型定义：检查类型"{ TypeScript?: ReactNode}"的定义，确保它包含所需的属性。可能需要查看相关的接口或类型声明。
- 添加属性：如果确实需要在该类型上添加"isPrivate"属性，可以通过以下方式进行更正：
type MyType = {
TypeScript?: ReactNode;
isPrivate?: boolean;
};在这个例子中，我们添加了一个名为"isPrivate"的可选属性，并将其类型设置为布尔值。
- 检查属性使用：确保在代码中正确使用了属性。如果使用了该属性，请确保它在给定的类型中是可访问的。
总结： 属性"isPrivate"在类型"{ TypeScript?: ReactNode}"上不存在的错误提示表示在给定的类型中找不到名为"isPrivate"的属性。要解决这个问题，可以检查拼写错误、类型定义和属性使用，并根据需要添加属性。
相关·内容
我知道这已经被详细讨论过了，但没有其他解决方案似乎有效，或者我在实现它们时失败了。
我是一个全新的typescript新手，并且有以下几点：
import faker from "faker";
import React from "react";
import Index from "../components/Index";
import List from "../components/List";
interface Props {
departments: [
{
id: number;
浏览 23提问于2020-05-28得票数 1
回答已采纳
我需要为我的路由组件创建一个isLoggedIn中间件，为此，我使用我的AuthContext并在私有路由上添加了一个道具: isPrivate。然而，当我尝试接收这个道具时，我得到了前面提到的错误。 我知道我可以创建一个接口并设置一个isPrivate: any，但我在问是否有一个“正确”的方法来实现这一点。 我怎么能对TypeScript说有一个名为isPrivate的道具并且没有定义呢？ isLoggedIn： const isLoggedIn: React.FC = ({ isPrivate, ...rest }) => {
const { authenticated }
浏览 6提问于2020-06-28得票数 0
回答已采纳
下面的代码是一个react组件，它返回一个表，每一行都是通过GraphQL从后端API获取的数据。数据是正确的，但我无法为Query组件获取的数据找到正确的接口。
我得到以下错误：
TypeScript error: Type '({ data: { allTeams }, error, loading }: SectionTableQueryProps) => Element' is not assignable to type '((result: QueryResult<any, OperationVariables>) => ReactN
浏览 1提问于2019-04-19得票数 1
我在React和typescript中使用插槽系统。问题是我找不到一个包含slot作为属性的接口，所以我从我的typescript检查器中得到一个错误： Property 'slot' does not exist on type 'IntrinsicAttributes & IStockProps & { children?: ReactNode; }'.
浏览 14提问于2019-09-30得票数 1
回答已采纳
我对TypeScript很陌生，并试图了解如何将React代码转换为被键入的代码。目前，我得到了以下错误：
Property 'openMenu' does not exist on type '{ children?: ReactNode; }'
Property 'toggle' does not exist on type '{ children?: ReactNode; }'
Property 'slidein' does not exist on type '{ children?: ReactN
浏览 0提问于2019-09-30得票数 0
回答已采纳
我目前正在将一个React应用程序迁移到TypeScript。到目前为止，这很好，但是我的render函数的返回类型存在问题，特别是在我的函数组件中。
我一直使用JSX.Element作为返回类型，现在如果组件决定不呈现任何内容(即返回null )，则不再起作用，因为null不是JSX.Element的有效值。这是我旅程的开始。我搜索了一下网络，发现你应该使用ReactNode，这包括null和其他一些可能发生的事情。
但是，在创建函数组件时，TypeScript会抱怨ReactNode类型。同样，经过一些搜索，我发现，对于功能组件，您应该使用ReactElement。但是，如果我这样做，兼容
浏览 7提问于2019-09-26得票数 611
回答已采纳
使用TypeScript，可以创建至少需要两个属性中的一个的类型。(至少)有两种方法可以做到：和。这两种解决方案效果很好。当这两个属性都没有指定时，我能够创建并获得所需的编译器错误。
但是，当使用最终类型指定react组件中的支持时，编译器无法找到两个“必需”属性。下面是一个简化的示例：
interface Base {
text?: string;
}
interface WithId extends Base {
id: number;
}
interface WithToken extends Base {
token: string;
}
type Identifiable
浏览 1提问于2018-08-17得票数 3
回答已采纳
2回答
export function TodosContextProvider( {children}: {children: React.ReactNode}, props: any) {
const [todos, dispatch] = React.useReducer(todosReducer, [
{
Id: 1,
Title: 'Learn Context API',
Done: true
},
{
Id: 2,
Title: 'Lear
浏览 3提问于2020-02-28得票数 0
回答已采纳
我对我的React组件有下面的声明，它以前是在TypeScript 2.2中编译的，但现在它是TypeScript 2.3中的一个错误。
class MyComponent extends React.Component<void, {}> {
render() {
return <div> Hello </div>
}
}
// TS 2.3 : error TS2322: Type '{}' is not assignable to type
// 'IntrinsicAttributes & Intr
浏览 2提问于2017-04-27得票数 2
回答已采纳
1回答
随着TypeScript在v3.2中改进了它的JSX类型检查，我们现在在正确输入HOC时遇到了问题。
有没有人可以修复TypeScript 3.2中的类型？
import { ComponentType } from 'react';
type Props = { custom: string };
type Omit<T, K extends string> = Pick<T, Exclude<keyof T, K>>;
function hoc<P extends Props>(Component: ComponentTy
浏览 0提问于2018-11-30得票数 28
我有一个组件：
type Base = {
color: string
}
type Button = {
to: string
} & Base
type Link = {
link: string
linkNewTab: boolean
} & Base
type ComponentProps = Button | Link
export const Button: React.FC<ComponentProps> = (props) => {
return (<>
{props
浏览 6提问于2021-12-26得票数 0
回答已采纳
export const PageViewTracker = ({ children }: ReactNode): ReactElement => {
usePageView();
return children;
};
问题：
此函数返回错误?属性‘子“在’ReactNode‘类型上不存在
我的解决方案：
我尝试了几种类型，但只有任何不是我想要的作品。通常我用ReactNode制作儿童道具，效果很好。在这种情况下，TypeScript似乎有问题。
浏览 7提问于2019-11-29得票数 49
回答已采纳
如何键入动态标记，以便与TypeScript作出反应？鉴于这一守则：
interface CompProps {
tag: string;
}
const MyComponent: React.FunctionComponent<CompProps> = ({
tag = "div",
children
}) => {
const Wrapper = tag;
return <Wrapper>{children}</Wrapper>;
};
我得到了这个错误：
类型'{子类: ReactNode；}‘与
浏览 1提问于2019-05-03得票数 26
1回答
我编写了一个特殊的函数，我无法正确地输入(这是预料中的，因为我是TypeScript初学者，甚至是一个类型的初学者)。以下是功能：
const withLayout = (LayoutComponent, layoutProps = {}) => (WrappedComponent) => {
return function WithLayout(props) {
return (
<LayoutComponent {...layoutProps}>
<WrappedComponent {...props} />
浏览 2提问于2021-03-15得票数 0
回答已采纳
1回答
我很难输入下面的动态按钮组件，它可以处理链接或onClick事件。这是我现在尝试重构为TypeScript的组件的一个简化片段。
import React from 'react'
import { Link } from 'react-router-dom'
type Props = {
children: React.ReactNode,
} & (
{
to: string,
type: undefined,
onClick: undefined,
} | {
to: undefined,
ty
浏览 4提问于2022-11-10得票数 0
我需要从缓存中的数组中删除一个项。项目可以是不同类型的。当从缓存中删除时，我们向TypeScript提示要删除的项目类型，ItemA或ItemB。我不知道如何确保该值与所提供的相关键的类型匹配。
以下是删除操作：
type ItemA = { id: number; name: string; isPrivate: boolean };
// Should error because `id` should be a number but we're passing it a string
cacheDel<ItemA>(cacheStore, "arrayOfI
浏览 5提问于2022-09-16得票数 1
回答已采纳
给type Mapping = Record<'success' | 'error', React.ReactNode>。如何使用编译器API获得typescript.Type？
Mapping的符号具有两个预期的属性，但每个属性符号都没有类型。
在{ success: React.ReactNode，error: React.ReactNode }中，您可以通过使用checker.getTypeOfSymbolAtLocation(symbol, symbol.declarations[0])获得每个属性的类型，但这似乎不适用于映射的类型
浏览 4提问于2020-05-21得票数 2
回答已采纳
如何让TypeScript知道组件接收的是哪种属性类型？例如，如果multiple为真，我希望TypeScript期望selectValue是一个字符串数组，或者如果它不存在，那么TypeScript应该期望selectValue是一个字符串。 我真的不喜欢把我的道具转换成合适的类型，这样TypeScript才会高兴。 下面是我的自定义<Select>组件的当前代码： import React, { ReactNode } from 'react';
import MultipleSelect from './MultipleSelect';
im
浏览 24提问于2021-09-15得票数 1
回答已采纳
1回答
我对TypeScript还是个新手。以下哪一项声明在社区中更受欢迎?为什么？ interface MyComponentProps {
children: ReactNode;
}
// Option 1
const MyComponent: React.FC<MyComponentProps> = ({ children }) => <>{children}</>;
// Option 2
const MyComponent = ({ children }: MyComponentProps) => <>{children
浏览 30提问于2019-10-17得票数 0
回答已采纳
我正在用TypeScript构建一个React应用程序。我有一个RequiresPermission组件，它基于谓词，应该呈现一个或另一个组件，并转发所有属性。 type Props = {
NotPermittedComponent: React.ComponentType;
PermittedComponent: React.ComponentType;
isPermitted: boolean;
};
const RequiresPermisson = ({
NotPermittedComponent,
PermittedComponent,
isPermit
浏览 17提问于2020-12-10得票数 4
回答已采纳
使用带有for的TypeScript，我们不再需要扩展React.Props，以便编译器知道所有React组件道具都可以有子组件：
interface MyProps { }
class MyComponent extends React.Component<MyProps, {}> {
public render(): JSX.Element {
return <div>{this.props.children}</div>;
}
}
但是，对于无状态功能组件，情况似乎并非如此：
const MyStatelessComponent =
浏览 2提问于2016-11-22得票数 139
回答已采纳
我试图使用Formik & typescript在Next.js上呈现一个表单，但我一直收到：Property 'category' does not exist on type 'IntrinsicAttributes & object & { children?: ReactNode } 这是呈现错误的代码： auto: () => {
return (
<AutoLeadForm
category="auto"
loa
浏览 20提问于2021-09-13得票数 0
19回答
在我的某些包的类型记录项目中，我得到了这些奇怪的类型错误。例如：
'TimeAgo' cannot be used as a JSX component.
Its instance type 'ReactTimeago<keyof IntrinsicElements | ComponentType<{}>>' is not a valid JSX element.
The types returned by 'render()' are incompatible between these types.
浏览 172提问于2022-04-08得票数 107
回答已采纳
我已经为呈现一个道具做了一个函数，这个函数可能是或可能不是一个function呈现的道具/函数：
import { isValidElement } from 'react';
// eslint-disable-next-line @typescript-eslint/no-explicit-any
type AnyFunction = (...args: any) => any;
export function isRenderFunction<F extends AnyFunction>(
subject: React.ReactNode | F
浏览 6提问于2020-02-19得票数 0
回答已采纳
在typescript界面中，我们可以定义如下： export interface ViewContainerProps {
style?: ViewStyle | ViewStyle[];
children?: React.ReactNode
aString:string
aNumber:number
} 我想写一个自定义的顶层<View>，以覆盖所有屏幕，它看起来像这样： const VIEW_CONTAINER: ViewStyle = {
width: windowWidth,
height: windowHeight,
};
export int
浏览 14提问于2021-09-12得票数 0
回答已采纳
我试图在React中的一个按钮中添加一个数据测试id属性，但是类型记录对此很生气。如何将此属性添加到所有材料组件中？
import { Button } from '@material-ui/core'
<Button dataTestId='my-test-id'>
Click Me!
</Button>
文本错误：
TS2769: No overload matches this call.
Overload 1 of 3, '(props: { href: string; } & { children?:
浏览 3提问于2021-03-17得票数 4
回答已采纳
我想提供在这个州的名字。但是我得到了这样的错误：Type '{ name: string; }' is not assignable to type 'ReactNode'. --我知道ReactNode不能分配给一个对象，但是除了ReactNode，还有其他的选择吗?或者什么是最佳实践？
预先谢谢你，这是我第一次在React和TypeScript上做一些事情
这是我的代码：
import React from "react";
import logo from "./logo.svg";
import "./App.cs
浏览 37提问于2022-05-13得票数 1
回答已采纳
我在Typescript中有以下代码。为什么编译器会抛出错误？
import { connect } from 'react-redux';
import React from "react";
import { Link, Redirect } from "react-router-dom";
class HeaderComponent extends React.Component {
render() {
return (
<header>
<
浏览 120提问于2019-08-02得票数 1
回答已采纳
我现在拥有的代码如下所示，它遵循Next.js每页的教程(参见TypeScript部分)和 with TypeScript (或者应该说，尝试遵循.)：
import "../styles/globals.css";
import type { AppProps } from "next/app";
import { SessionProvider } from "next-auth/react";
import { Session } from "next-auth";
import Header from "compo
浏览 9提问于2022-10-04得票数 3
回答已采纳
我想要设置一个Typescript项目，该项目使用Material-UIv4.11.4来使用情感进行样式设置，为MUI v5版本做准备。我们的目标是将情感引入到项目中，以便开发人员可以开始使用新的样式，而不是通过即将被弃用的makeStyles函数继续编写样式。 除了我从css属性的Typescript中得到了一个类型错误之外，我已经把所有的工作都做好了。我一直在文档中寻找答案，但似乎什么也找不到。为了让Typescript理解MUI组件上存在的css属性，我需要安装一些额外的类型包吗？ import { Button } from "@material-ui/core";
浏览 12提问于2021-05-09得票数 3
回答已采纳
1回答
我有一个react组件，它有两个道具required和fallback，它的道具的类型定义如下：
type Props =
| {
required? : true | undefined,
fallback : React.ReactNode
}
| {
required? : false,
fallback? : React.ReactNode
}
我的意图是，如果fallback是true或undefined，那么它适用于required = true，而不是required = undefined。
<FancyComponent required={t
浏览 1提问于2022-05-11得票数 0
我想知道是否可以根据TypeScript中的另一个属性将两个属性设置为可选，例如：
如果message是undefined，我希望需要a和b，如果message是not undefined，则希望a和b是可选的。
如何执行这一条件？
type Props = Readonly<{
message?: React.ReactNode
a: React.ReactNode
b: React.ReactNode
}>
const Component = ({ message, a, b}: Props) => <div >
浏览 1提问于2018-05-30得票数 2
回答已采纳
获取typescript错误将className应用于Box元素；奇怪的是，相同的源代码可以在具有几乎相同配置的其他开发人员的Box上工作。
使用："@material-ui/core"："4.11.3"，"typescript"："4.1.5“
tsc --版本4.1.5
/src/components/NoSearchResultsOverlay/NoSearchResultsOverlay.tsx
TypeScript error in .../client-app/src/components/NoSearchResultsOve
浏览 23提问于2021-05-19得票数 0
我有一个由Create-React-App创建的react项目，其中包含以下包(提到与我的问题相关的包)：
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-router-dom": "^5.1.2",
"react-scripts": "3.4.1",
"typescript": "^3.9.2",
"@typescript-eslint/eslint-plugin
浏览 168提问于2020-05-17得票数 16
回答已采纳
我试图通过app.tsx中的组件属性向下钻取应用程序状态，但得到一个typescript错误：
Type '{ dailyObd: RouteComponentProps<any, StaticContext, {}>; }' is not assignable to type 'IntrinsicAttributes & obds & { children?: ReactNode; }'.
Property 'dailyObd' does not exist on type 'IntrinsicAttri
浏览 17提问于2020-05-16得票数 0
回答已采纳
我正在使用React和TypeScript编写表单组件。我使用Formik作为表单逻辑。我希望将<Form />组件作为支柱传递一个特定的表单并呈现出来。以下是我尝试过的：
import { Formik, FormikProps } from "formik";
import React, { PureComponent, ReactNode } from "react";
export interface Props {
component: ReactNode; // TODO: Change to one of LoginForm or
浏览 1提问于2018-11-13得票数 3
回答已采纳
2回答
在App.tsx中，我将<Left />和<Right />传递给一个名为<SplitScreen />的导入组件
显然，“子”道具需要显式输入，因为响应18。如果我将其键入为React.Element[]，那么SplitScreen.tsx可以工作，但App.tsx抛出：
Type 'Element' is not assignable to type 'ElementType<any>'
如果我键入它为React.ReactNode (这似乎是目前的共识)，App.tsx可以工作，但是SplitScreen.t
浏览 6提问于2022-08-21得票数 0
我是TypeScript的新手，我想知道是否有人能给我一个转换成TypeScript的React组件的例子： const Message = ({from, text}) => (
<div>
<p>{text}</p>
<p>from: {from}</p>
</div>
); 我试过这样的方法： const Message: React.FC = ({from, text}) => (
<div>
<p>{text}</p>
浏览 21提问于2020-08-27得票数 0
升级typescript 3.9之后。我得到了这个错误 Property 'disabled' does not exist on type 'T'. 我看到扩展任何类型参数的类型参数不再充当任何https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-9.html#type-parameters-that-extend-any-no-longer-act-as-any 但是如何解决这个问题呢？ export interface Item {
name: React.Re
浏览 75提问于2020-07-13得票数 0
为什么当变量被传递给TypeScript时，useState不抛出一个错误？在传递变量时，是否仍然可以键入check？
type BuildingNames = [
'farm',
'sawmill',
];
type BuildingType = { [n in BuildingNames[number]]?: number };
interface ITownContext {
buildings: BuildingType;
setBuildings: (buildings: BuildingType) => void;
}
i
浏览 3提问于2022-08-08得票数 1
2回答
我已经为这件事苦苦思索了几个小时了，但一无所获。似乎也找不到任何其他对堆栈溢出有帮助的问题。基本上，我有一个组件，它接受两个子节点，如下所示： <SharedTwoColumns
outer={{ className: "mt4 mb4" }}
gap={<div className="h4 w4" />}
>
<div className={isMobile ? "" : "pa3"}>Left Column</div> // first child
<di
浏览 3提问于2021-05-04得票数 0
回答已采纳
当使用命名函数而不是箭头函数时，在用typescript编写的React组件中使用children关键字传递子节点的正确方法是什么？
在箭头函数中，我可以编写类似这样的代码：
const MyComponent: React.FC = ({children}) => {
return <div>{children}</div>
}
export default MyComponent;
但是如何使用normal函数来做同样的事情呢？我试过了
import React from "react";
function MyComponent({
浏览 21提问于2021-03-16得票数 0
回答已采纳
我根据href类型添加了一些条件样式。由于某些原因，如果我将我的as添加到Button styled-component中，我会收到TS错误：Type 'string' is not assignable to type 'undefined'. TS2769 组件 interface LinkProps {
to: string;
target?: string;
as?: string;
className?: string;
children: ReactChildren | React.ReactNode | string;
}
浏览 923提问于2021-07-02得票数 0
回答已采纳
在Typescript+React中。我有两个组件(模块)，具有一个接口指定的特定类型。此外，我还有一个父组件，它接受一个带有指定为支持的联合的数组。
儿童部分：
模块1
interface IModuleOneProps {
moduleOneSpecificProp: string;
module_type: sting;
commonProp: string;
}
const ModuleOne: React.SFC<IModuleOneProps> = props => {
return (
<p>{moduleOneSpecif
浏览 0提问于2018-05-21得票数 1
回答已采纳
有一个简单的条件语句，其中包含component return：
let content = movies.length > 0 ? movies.map((movie, i) => <MovieCard key={i} movie={movie} />) : null;
Typescript在“电影”属性上显示错误：
TS2322: Type '{ key: number; movie: object; }' is not assignable to type 'IntrinsicAttributes & { children?: Re
浏览 9提问于2020-03-02得票数 0
回答已采纳
我目前正在尝试使用TypeScript用React编写一个小的包装器组件。这是我的包装器：
function ConditionalWrapper({ condition, wrapper, children }: { condition?: boolean, wrapper?: (children: React.ReactNode) => any, children?: React.ReactNode }) {
return condition ? wrapper(children) : children;
}
然后可以像这样使用
<ConditionalWrapper
浏览 6提问于2020-02-12得票数 0
回答已采纳
我正在试着理解typescript，我对它还是个新手，在语法上有点落后。我正在尝试定义一个HOC来在我的测试中包装东西。 import React, {FunctionComponent, ReactNode} from 'react';
import {ThemeProvider} from "styled-components";
import theme from "../components/Global/theme/theme.style";
const mountWithTheme: FunctionComponent = ({c
浏览 26提问于2020-03-31得票数 0
1回答
在下面的NavLinkProps接口(Reactive路由器v6)中，我认为这是用类型记录编写的，但是当我检查类型记录文档" Interface“时，我看不出让一个Union运算符”AC.26“：”“和 when "React.ReactNode”意味着什么：
children:
| React.ReactNode
| ((props: { isActive: boolean }) => React.ReactNode);
完整界面就在这里。。。
export interface NavLinkProps
extends Omit<LinkP
浏览 3提问于2022-01-09得票数 0
回答已采纳
给定Next.js应用程序中的React组件，该应用程序有一个可以设置为或不可以将其存储在如下变量中的子部分：
export const MyComponent = (): JSX.Element => {
let [result, setResult] = useState<ReactNode>()
async function doFetch() {
// ... await some API call
setResult('Successful result!')
}
return (
<div>
浏览 16提问于2022-09-21得票数 1
我正在尝试用react学习typescript，现在我很困惑，我该如何setState一个界面呢？我的代码示例：
interface Props {
children: ReactNode | ReactNode[];
}
export interface IMovie {
title: string;
video: boolean;
poster_path: string;
}
export const MoviesContext = createContext<IMovie[] | undefined>([]);
export const M
浏览 26提问于2020-02-09得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
