Definitelytyped: प्रतिक्रिया-राउटर: `withRouter` 3.6.2 में शुरू` ComponentType` के साथ विफल रहता है

को निर्मित 10 सित॰ 2019 · 10टिप्पणियाँ · स्रोत: DefinitelyTyped/DefinitelyTyped

यह 3.5.2 में काम करता है, लेकिन 3.6.2 में विफल रहता है।

strict मोड अक्षम है।

क्या यह टाइपिंग या टाइपस्क्रिप्ट में बग है?

मैंने यहां इसके लिए असफल परीक्षण जोड़े: https://github.com/DefinitelyTyped/DefinitelyTyped/commit/f036856dfc9a7fd140f378402c102206767ec0a4।

import * as React from 'react';

// Copied from https://github.com/DefinitelyTyped/DefinitelyTyped/blob/5db94ca7fd3570dc23588b404d7bb669a7886a8a/types/react-router/index.d.ts#L146
declare function withRouter<P, C extends React.ComponentType<P>>(
    component: C & React.ComponentType<P>,
): unknown;

declare const Component: React.ComponentType<{}>;
/*
Argument of type 'ComponentType<{}>' is not assignable to parameter of type 'ComponentClass<{}, any> | (ComponentClass<{}, any> & FunctionComponent<{}>)'.
  Type 'FunctionComponent<{}>' is not assignable to type 'ComponentClass<{}, any> | (ComponentClass<{}, any> & FunctionComponent<{}>)'.
    Type 'FunctionComponent<{}>' is not assignable to type 'ComponentClass<{}, any> & FunctionComponent<{}>'.
      Type 'FunctionComponent<{}>' is not assignable to type 'ComponentClass<{}, any>'.
        Type 'FunctionComponent<{}>' provides no match for the signature 'new (props: {}, context?: any): Component<{}, any, any>'.
*/
withRouter(Component);

यदि आप जानते हैं कि समस्या को कैसे ठीक किया जाए, तो इसके बजाय पुल अनुरोध करें।

[x] मैंने @types/xxxx पैकेज का उपयोग करने की कोशिश की और उन्हें समस्या हुई।
[x] मैंने tsc के नवीनतम स्थिर संस्करण का उपयोग करने की कोशिश की। https://www.npmjs.com/package/typescript
[x] मेरे पास एक प्रश्न है जो StackOverflow के लिए अनुपयुक्त है। (कृपया कोई उपयुक्त प्रश्न पूछें)।
[x] [मेंशन] (https://github.com/blog/821-mention-somebody-they-re-notified) लेखकों ने ( Definitions by: index.d.ts ) ताकि वे जवाब दें।
- लेखक: @ सेर्गेई-buturlakin @ mrk21 @ vasek17 @ngbrown @awendland @KostyaEsmukov @johnnyreilly @LKay @DovydasNavickas @ Huy-गुयेन @grmiade @DaIgeb @egorshulga @rraina @ प्रेट एक कुली @ t49tran @ 8enSmith @wezleytsai @ eps1lon @HipsterBrown

यदि आप लेखकों का उल्लेख नहीं करते हैं तो समस्या को नजरअंदाज कर दिया जाएगा।

Bug

स्रोत

OliverJAsh

👍3 ❤1

सबसे उपयोगी टिप्पणी

मैं इस फिक्स के बाद भी मुद्दों को देख रहा हूं। त्रुटि संदेश कुछ इस तरह है

 Argument of type '({ myProp, history }: RouteComponentProps<{}, StaticContext, any> & { myProp: boolean; }) => Element' is not assignable to parameter of type 'ComponentType<RouteComponentProps<{}, StaticContext, any>>'.
  Type '({ myProp, history }: RouteComponentProps<{}, StaticContext, any> & { myProp: boolean; }) => Element' is not assignable to type 'FunctionComponent<RouteComponentProps<{}, StaticContext, any>>'.
    Types of parameters '__0' and 'props' are incompatible.
      Type 'PropsWithChildren<RouteComponentProps<{}, StaticContext, any>>' is not assignable to type 'RouteComponentProps<{}, StaticContext, any> & { myProp: boolean; }'.
        Property 'myProp' is missing in type 'RouteComponentProps<{}, StaticContext, any> & { children?: ReactNode; }' but required in type '{ myProp: boolean; }'.

घटक के रूप में परिभाषित किया गया है

import { RouteComponentProps, withRouter } from "react-router-dom";

interface Props extends RouteComponentProps {
  myProp: boolean;
}

const Component = ({ myProp, match }: Props) => null

export default withRouter(Component);

मैं उपयोग कर रहा हूँ

typescript: 3.6.3
@types/react-router: 5.0.4

bkoltai 18 सित॰ 2019

👍11

सभी 10 टिप्पणियाँ

मेरे पास इसमें खुदाई करने का समय नहीं होगा। मुझे लगता है कि हमें ComponentType किसी भी उपयोग को हटा देना चाहिए और ref और children के संबंध में स्पष्ट प्रॉप्स के साथ सादे कार्यों का उपयोग करना चाहिए। संघ के कारण ComponentType हमेशा थोड़ा समस्याग्रस्त था। यदि यह त्रुटियां पैदा नहीं करता है तो यह अन्य हॉक्स के साथ बहुत बड़ी यूनियनों का उत्पादन करता है। लाइब्रेरी उपभोक्ताओं को स्टैटिक्स को वैसे भी नहीं छूना चाहिए, ताकि हारना एक मुद्दा न हो।

eps1lon 10 सित॰ 2019

एक ही मुद्दा मिला। पहले से ही प्रतिक्रिया-राउटर रेपो (https://github.com/ReactTraining/react-router/issues/6906) पर रिपोर्ट किया गया था, लेकिन यहां पर पुनः निर्देशित किया गया।

basslagter 12 सित॰ 2019

मैं इस फिक्स के बाद भी मुद्दों को देख रहा हूं। त्रुटि संदेश कुछ इस तरह है

 Argument of type '({ myProp, history }: RouteComponentProps<{}, StaticContext, any> & { myProp: boolean; }) => Element' is not assignable to parameter of type 'ComponentType<RouteComponentProps<{}, StaticContext, any>>'.
  Type '({ myProp, history }: RouteComponentProps<{}, StaticContext, any> & { myProp: boolean; }) => Element' is not assignable to type 'FunctionComponent<RouteComponentProps<{}, StaticContext, any>>'.
    Types of parameters '__0' and 'props' are incompatible.
      Type 'PropsWithChildren<RouteComponentProps<{}, StaticContext, any>>' is not assignable to type 'RouteComponentProps<{}, StaticContext, any> & { myProp: boolean; }'.
        Property 'myProp' is missing in type 'RouteComponentProps<{}, StaticContext, any> & { children?: ReactNode; }' but required in type '{ myProp: boolean; }'.

घटक के रूप में परिभाषित किया गया है

import { RouteComponentProps, withRouter } from "react-router-dom";

interface Props extends RouteComponentProps {
  myProp: boolean;
}

const Component = ({ myProp, match }: Props) => null

export default withRouter(Component);

मैं उपयोग कर रहा हूँ

typescript: 3.6.3
@types/react-router: 5.0.4

bkoltai 18 सित॰ 2019

👍11

@ karol-majewski मैं टीएस 3.6.3 पर हूं और नवीनतम संस्करण @types/react-router: 5.0.4 टूट रहा है, जबकि पूर्व में वापस आना ठीक है।

export function withRouter<P extends RouteComponentProps<any>, C extends React.ComponentType<P>>(
  component: C & React.ComponentType<P>,
): React.ComponentClass<Omit<P, keyof RouteComponentProps<any>> & WithRouterProps<C>> & WithRouterStatics<C>;

artola 18 सित॰ 2019

👍2

मैं सभी को नए मुद्दे खोलने के लिए प्रोत्साहित करता हूं। यदि हम आपके विशेष मुद्दे को ठीक करते हैं, तो आपके पास एक बंद धागे में केवल टिप्पणी करने का कोई तरीका नहीं है। टाइपस्क्रिप्ट खेल का मैदान अब ts संस्करण + विन्यास को कॉन्फ़िगर करने की अनुमति देता है और टाइप परिभाषाएँ डाउनलोड करने में सक्षम है। एक नए अंक में एक लिंक शामिल करने से रखरखाव में बहुत मदद मिलती है। धन्यवाद: प्रार्थना:

ऐसा लगता है कि यह केवल strictFunctionTypes साथ फेंकता है और मेरे मन में एक समाधान है। हम देखेंगे कि क्या यह काम करता है।

eps1lon 18 सित॰ 2019

👍1

@sandersn क्या हम इसे फिर से खोल सकते हैं क्योंकि फिक्स को वापस कर दिया गया था?

OliverJAsh 18 सित॰ 2019

IIRC, @ eps1lon ने पाया कि यह एक टाइपस्क्रिप्ट बग के कारण है: https://github.com/microsoft/TypeScript/issues/33490

फिक्स में आएगा: https://github.com/microsoft/TypeScript/pull/34607

OliverJAsh 21 अक्तू॰ 2019

👍2

रात के संस्करण के साथ ठीक काम करता है। खेल का मैदान लिंक

karol-majewski 31 अक्तू॰ 2019

टाइपस्क्रिप्ट समय की बर्बादी है, मैंने इस मूर्खतापूर्ण त्रुटि और नोटिंस को हल करने के लिए घंटों बिताए हैं, इसलिए यदि टाइपस्क्रिप्ट को जीवन को आसान बनाने के लिए बनाया गया है, तो यह निश्चित रूप से काम नहीं कर रहा है, त्रुटियों और बगों से भरा है।

cristiantorresf19191919 24 मार्च 2020

👍2

यह मुद्दा टीएस 3.7 में तय किया गया था। समापन।

ahejlsberg 24 मार्च 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Definitelytyped: प्रतिक्रिया-राउटर: `withRouter` 3.6.2 में शुरू` ComponentType` के साथ विफल रहता है

सबसे उपयोगी टिप्पणी

सभी 10 टिप्पणियाँ

संबंधित मुद्दों