Definitelytyped: कनेक्ट () के साथ समस्या @ प्रकार/प्रतिक्रिया-रेडक्स में 4.4.41 में पेश की गई

को निर्मित 6 जून 2017 · 44टिप्पणियाँ · स्रोत: DefinitelyTyped/DefinitelyTyped

@types/react-redux संस्करण 4.4.40 का उपयोग करते हुए, निम्न कोड

import * as React from 'react';
import {connect} from "react-redux";

interface State {
    y: number;
}

// Own properties
interface OP {
    x: number;
}

// State properties
interface SP {
    y: number;
}

function mapStateToProps(state: State, ownProps: OP): OP & SP {
    return {
        x: ownProps.x,
        y: state.y,
    };
}

class TestComp extends React.Component<OP & SP, null> {
    render() {
        return <p>Hello</p>;
    }
}

export default connect(mapStateToProps)(TestComp);

मुझे इस प्रकार TestComp का उपयोग करने देगा:

const tc = <TestComp x={42}/>;

संस्करण 4.4.41 और 4.4.42 के साथ उपरोक्त निम्नलिखित संकलन त्रुटि की ओर जाता है:

error TS2324: Property 'y' is missing in type 'IntrinsicAttributes & IntrinsicClassAttributes<Component<OP & SP, ComponentState>> & { children?:...'.

/cc @thasner @seansfkelley @tkqubo @blakeembrey @sandersn @mhegazy @andy-ms @hans-permana

स्रोत

forman

👍50

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

टाइपप्रति 3.0.1 में फिर से टूट जाता है। हाय थिएन!

ethanneff 3 अग॰ 2018

👍28 😕5 😄1

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

मुझे यह त्रुटि भी मिल रही है। ऐसा लगता है कि टाइपपीफ में से एक ने गलती से TOwnProps और TMergedProps / TStateProps को बदल दिया, लेकिन मैंने केवल index.d.ts पर एक सरसरी नजर डाली।

AndyBarron 7 जून 2017

इस मुद्दे पर कोई अपडेट? मुझे लगता है कि रेडक्स + टाइपस्क्रिप्ट में आने वाले नए डेवलपर के लिए यह शोस्टॉपर हो सकता है, आपके लिए बहुत अच्छा काम धन्यवाद।

brauliodiez 13 जून 2017

👍11

@brauliodiez मैंने @blakeembrey के फिक्स # 16969 को मिला दिया। यह एक-एक घंटे में उपलब्ध हो जाना चाहिए। मुझे बताएं कि क्या इससे लाभ होता है।

sandersn 13 जून 2017

मुझे लगता है कि हम अभी भी इस समस्या को https://github.com/DefinitelyTyped/DefinitelyTyped/pull/16969 के सुधारों के साथ भी देख रहे हैं। यहाँ एक डमी घटक है जिसे मैंने इस मुद्दे को आज़माने और अलग करने के लिए बनाया है:

import * as React from "react"
import { connect, MapStateToProps, MapDispatchToPropsFunction } from "react-redux"


interface RootState {
  globalA: string
  globalB: number
}

interface DumbComponentProps {
  a: string
  b: number
  c?: number
}

const DumbComponent = (props: DumbComponentProps): JSX.Element => {
  return (
    <div>Something: {props.a} {props.b} {props.c}</div>
  )
}

type ConnectedStateProps = Pick<DumbComponentProps, "a" | "b">
type ConnectedOwnProps = Pick<DumbComponentProps, "c">

const mapStateToProps: MapStateToProps<ConnectedStateProps, ConnectedOwnProps> = (
    state: RootState): ConnectedStateProps => {
  return {
    a: state.globalA,
    b: state.globalB
  }
}

const SmartComponent = connect(
  mapStateToProps
)(DumbComponent)

export default SmartComponent

मैं फिर कहीं स्मार्टकंपोनेंट का उपयोग करता हूं और सी में पास करता हूं (ध्यान दें कि ए और बी राज्य से आने वाले हैं)।

...
return (
  <SmartComponent c{2} />
)

मुझे जो त्रुटि मिलती है वह है:

error TS2322: Type '{ c: 2; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Component<DumbComponentProps, ComponentState>> & R...'.
  Type '{ c: 2; }' is not assignable to type 'Readonly<DumbComponentProps>'.
    Property 'a' is missing in type '{ c: 2; }'.

वीएस कोड में प्रकारों का निरीक्षण करते हुए, मैंने देखा कि यह स्मार्टकंपोनेंट के लिए गलत प्रकार उठा रहा है। ऐसा लगता है कि यह React.ComponentClass<DumbComponentProps> है ... लेकिन यह React.ComponentClass<Pick<DumbComponentProps, "c">> होना चाहिए (यानी, इसे केवल ओनप्रॉप्स स्वीकार करना चाहिए। यह प्रकारों से समझ में आता है, जहां कंपोनेंटडेकोरेटर एक फ़ंक्शन है जो ComponentClass<T> देता है T extends TOwnProps ) ... इसलिए दुर्भाग्य से मुझे नहीं पता कि यह सही तरीके से मैपिंग क्यों नहीं कर रहा है।

क्या मैं यहाँ कुछ स्पष्ट रूप से गलत कर रहा हूँ? क्या संकलक को मुझे चरण दर चरण दिखाने का कोई तरीका है जो वह बता रहा है?

ritwik 13 जून 2017

👍2

ऐसा लगता है कि mapDistpachToProps अब वैकल्पिक नहीं है। क्या यह ठीक है या बग है?

Nasdan 14 जून 2017

ऊपर मेरी टिप्पणी के लिए एक अद्यतन, थोड़ा खोदने के बाद - मैंने एक परीक्षण केस बनाया है जो वर्तमान में विफल रहता है (लेकिन मुझे विश्वास नहीं करना चाहिए) और टाइपिंग के लिए एक फिक्स जो मेरे मामले को संभालता है, लेकिन उस मामले को संभाल नहीं करता है जहां यह अनुमान लगाना है कि ओनप्रॉप्स क्या हैं (उदाहरण के लिए connect()(DumbComponent) )। मेरा परिवर्तन यहाँ है:
https://github.com/DefinitelyTyped/DefinitelyTyped/compare/master...ritwik :react-redux/fix-ownprop-inference
इसे हल करने में मदद करना चाहते हैं लेकिन मैं टाइपस्क्रिप्ट के साथ अपने ज्ञान की सीमाओं को मार रहा हूं। अगर किसी के पास मेरे टेस्ट केस या सुझावों पर विचार है, तो उन पर चर्चा करना अच्छा लगेगा।

ritwik 15 जून 2017

👍1

बस यहां लूप बंद करना - https://github.com/DefinitelyTyped/DefinitelyTyped/pull/17196 ऐसा लगता है कि यह हमारे कोडबेस के लिए इसे ठीक करता है।

ritwik 20 जून 2017

क्या यह हल हो गया? मुझे वर्तमान में ^5.0.8 ( IntrinsicAttributes & IntrinsicClassAttributes<Component<Pick ... ) में यह समस्या हो रही है। अंतर केवल इतना है कि मैं interfaces के बजाय interfaces types का उपयोग कर रहा हूं।

proProbe 17 सित॰ 2017

किसी को? दुर्भाग्य से यह मेरे लिए एक वास्तविक शोस्टॉपर है...

proProbe 26 सित॰ 2017

@proProbe क्या आप अपना @types/react-redux , @types/react , और redux संस्करण, और एक नमूना प्रदान कर सकते हैं जो त्रुटि को पुन: उत्पन्न करता है?
इसके अलावा सीसी पैकेज लेखक: @tkqubo @thasner @kenzierocks @clayne11 @tansongyang @nicholasboll

andy-ms 26 सित॰ 2017

देर से उत्तर के लिए क्षमा करें! मैं इसे पुन: पेश करने के लिए एक नमूने के साथ काम कर रहा था। तब मुझे अचानक एहसास हुआ कि इसे @types/react-redux: "^5.0.8" में ठीक कर दिया गया है। हालांकि धन्यवाद!

proProbe 28 सित॰ 2017

👍1

अभी भी इसे "^ 5.0.10" के साथ प्राप्त करना :(

"@types/react": "^15.6.4",
"redux": "3.7.2",
"@types/react-redux": "^5.0.10"

मैं एक पैकेज लेखक के साथ एक कोड स्निपेट साझा कर सकता हूं लेकिन दुर्भाग्य से सार्वजनिक रूप से नहीं।

जैसा कि ऊपर सुझाया गया है, 4.4.40 पर डाउनग्रेड करने से त्रुटि तुरंत दूर हो जाती है।

DmytroLapshyn 6 अक्तू॰ 2017

👍17

मैं mapStateToProps के रिटर्न वैल्यू के प्रकार पर टाइप-पैरामीटराइजिंग कनेक्ट द्वारा अपने कोड बेस में इसे हल करने में सक्षम था और जो मैं खुद चाहता था। अगर मैं उत्पाद आईडी की सूची के साथ अपनी उत्पाद सूची को कॉल करना चाहता हूं तो संदर्भ से बाहर ले जाया गया:

<ProductList productIDs={productIDs} />

और सूची में दिखाए जाने वाले उत्पादों में उन आईडी का अनुवाद करने के लिए mapStateToProps है जैसे:

const mapStateToProps = (state: RootState, ownProps: {productIDs: List<UUID>}) => {
  return { products: state.get('products').filter(
    (p: Product) => ownProps.productIDs.contains(p.uuid)) };
};

तो मुझे connect जैसे पैरामीटर बनाना पड़ा:

const ProductList = connect<ProductListProps, void, {productIDs: List<UUID>}>(mapStateToProps)(ProductListComponent);

Rovanion 28 फ़र॰ 2018

👍2 🎉1

कुछ जांच के बाद। मुझे एक सरल उपाय मिला। आपको बस इतना करना है कि "compilerOptions": { "सख्त": true } आपके tsconfig.json में है यदि आप एक React.Component<,> कंपोनेंट कनेक्ट कर रहे हैं।

ClassicDarkChocolate 18 अप्रैल 2018

टाइपप्रति 2.8.x इसे ठीक करता है। अपग्रेड करें और इसे आजमाएं।

thenormalsquid 30 मई 2018

टाइपप्रति 3.0.1 में फिर से टूट जाता है। हाय थिएन!

ethanneff 3 अग॰ 2018

👍28 😕5 😄1

टाइपस्क्रिप्ट 3.2.2 के साथ भी तोड़ना।

mukuljainx 7 दिस॰ 2018

👍17 😕8

क्या इस मुद्दे में कोई अपडेट है?

RunningCoderLee 10 जन॰ 2019

मेरे लिए टाइपस्क्रिप्ट 3.2.2 के साथ भी टूट गया। हालांकि, connect के साथ connect<Props> की व्याख्या करना इसे ठीक करता प्रतीत होता है।

themodernlife 17 जन॰ 2019

👍4

मेरे पास एक ही समस्या है, यहां तक कि एनोटेटिंग कनेक्ट के साथ भी: /

mralj 24 जन॰ 2019

मेरे पास भी यही समस्या है, कोई अपडेट बिल्कुल नहीं?

oladhari 8 फ़र॰ 2019

टाइपस्क्रिप्ट 3.2.4 के साथ भी तोड़ना।

ऐसा लगता है कि यह जल्द ही सुलझने वाला नहीं है।

Hyjaz 10 फ़र॰ 2019

👍1

इस समस्या वाले सभी लोगों के लिए, सुनिश्चित करें कि आप अपने कनेक्टेड घटक को ठीक से आयात कर रहे हैं। एक बार रेडक्स से ऐप स्थिति तक पहुंचने के लिए आवश्यक होने पर मैंने कनेक्ट() फ़ंक्शन के लिए पहले से मौजूद घटक को स्विच किया। ऐसा करते समय, मैंने अपने वर्ग घटक को डिफ़ॉल्ट रूप से निर्यात करने के लिए एक स्टेटलेस फ़ंक्शन निर्यात करने से स्विच किया। जब मैंने यह नहीं बदला कि मैं इसे अन्य फ़ाइलों में कैसे आयात कर रहा था, तो यह त्रुटि सामने आई।

iamsellek 14 फ़र॰ 2019

👍2 ❤1

यह काम कर रहा है।

Hyjaz 15 फ़र॰ 2019

क्या स्थानीय स्तर पर इस त्रुटि को कम से कम चुप कराने का कोई समाधान है?

Haaxor1689 13 मार्च 2019

निश्चित रूप से ऐसा लगता है कि ओनप्रॉप्स बनाम स्टेटप्रॉप्स में कहीं न कहीं एक फ्लिप फ्लॉप है। मैं इस मुद्दे को देख रहा हूं जहां हमारे पास Redux कनेक्टेड कंपोनेंट है जिसमें बच्चे हैं।

TroySchmidt 13 मार्च 2019

इस मुद्दे को शांत करने के लिए मैंने केवल <any> का उपयोग किया है:

export default connect<any>(states, actions)(SomeComponent);

यदि आप लिखें का उपयोग करते हैं तो भी काम करता है:

export default compose<any>(
  connect(states, actions),
  withStyles(styles)
)(SomeFunctionalComponent);

यह 'स्मार्ट'/कनेक्टेड कंपोनेंट के लिए प्रॉप्स पास करते समय त्रुटि को शांत करना चाहिए।

संपादित करें: मैं बस फिर से धागे को फिर से पढ़ता हूं, और ऐसा लगता है कि @the आधुनिक लाइफ का वर्कअराउंड बेहतर वर्कअराउंड है (यानी प्रॉप्स इंटरफेस या टाइप का उपयोग करके एनोटेट कनेक्ट या कंपोज करें):

dcefram 14 मार्च 2019

👎6

क्या यह सभी प्रकार की जांच और इंटेलिजेंस को भी नष्ट नहीं करता है? तो फिर टाइपिंग को जोड़ने का क्या मतलब है? @dcefram

TroySchmidt 14 मार्च 2019

हाँ, यह केवल कंपाइलर को चुप कराने के लिए एक वर्कअराउंड है और इसे "शो स्टॉपर" होने से रोकने के लिए इसे बनाने की अनुमति देता है (या मेरे मामले में, मुझे टीएस से सब कुछ फिर से लिखने से रोकने के लिए या फिक्स होने तक रुकने से रोकने के लिए) ) हालांकि यह समाधान नहीं है ।

मैं भी, इसके लिए फिक्स का इंतजार कर रहा हूं :)

dcefram 14 मार्च 2019

इस तरह से connect कॉल को मैन्युअल रूप से टाइप करना बेहतर समाधान है:

type StateProps = {
  // Attributes that you want mapped from redux store
}
type DispatchProps = {
  // Dispatch actions
}
type OwnProps = {
  // Other props that component expects when being created
}
type Props = StateProps & DispatchProps & OwnProps;
class ExampleComponent extends React.Component<Props> { /* ... */ }

const mapStateToProps = (state: State, ownProps: OwnProps): StateProps => { /* .. */ }
const mapDispatchToProps = (dispatch: Dispatch): DispatchProps => { /* ... */ }

export default connect<StateProps, DispatchProps, OwnProps>
  (mapStateToProps, mapDispatchToProps)(ExampleComponent)

यह सही कनेक्टेड घटक बनाना चाहिए जो OwnProps बनाए जाने की अपेक्षा करता है और कोई अन्य राज्य नहीं है और न ही प्रेषण प्रोप।

Haaxor1689 18 मार्च 2019

🎉9 👍3

नकारात्मक। यह अभी भी प्रकारों का अनुमान लगाने की कोशिश कर रहा है। इसके बजाय मुझे मैन्युअल रूप से const टाइप करना होगा और फिर उसे डिफ़ॉल्ट के रूप में वापस करना होगा।

const connected: React.ComponentType<OwnProps> = connect<StateProps, DispatchProps, OwnProps>(......)(Component);
export default connected;

TroySchmidt 22 मार्च 2019

👍2

"@ प्रकार/प्रतिक्रिया-रेडक्स": "7.0.1" और "टाइपस्क्रिप्ट": "3.4.5" का उपयोग करके कनेक्ट() के साथ एक ही समस्या का सामना करना पड़ रहा है। उल्लिखित कोई समाधान मदद नहीं करता है। @TroySchmidt क्या आप साझा कर सकते हैं कि आपने मूल घटक में इस "कनेक्टेड" का उपयोग कैसे किया है यदि संभव हो तो कुछ नमूना कोड बहुत उपयोगी होंगे

bhanu499 13 मई 2019

हाय, मुझे एक ही त्रुटि थी। प्रतिक्रिया-रेडक्स mapStateToProps के वापसी मूल्य को "TIInjectedProps" के रूप में हल नहीं करता है, जो Omit सहायक @types/react-redux index.d.ts:110 export type InferableComponentEnhancerWithProps में गलत बहिष्करण का कारण बनता है।

कनेक्ट फ़ंक्शन में प्रकार की परिभाषा समस्या को हल करती है

// connect Redux
export const RCHeader = connect
<IHeaderStateToProps, //returned by mapStateToProps
 {}, // not necessary
 IHeaderProps, // props you want to pass through jsx/tsx
 IHeaderConnectedReduxStateProps, // combined from IHeaderMapStateToProps and IHeaderProps
 {}// not necessary
>(
    (state: ISettingsState ): IHeaderStateToProps => {
        return {
            headerLogoURL: state.settings.headerLogoURL
        }
    },
    undefined,
    undefined,
    { forwardRef: true }
)(Header);

{
  "dependencies": {
    "react": "^16.8.6",
    "react-redux": "^6.0.1",
    "redux": "^4.0.1"
  },
  "devDependencies": {
    "@types/react": "^16.8.17",
    "@types/react-redux": "^7.0.6",
    "react-scripts-ts": "^4.0.8",
    "typescript": "^3.4.5"
  }
}

Ringert 21 मई 2019

क्या इसके लिए कोई अपडेट है?

alexandrudanpop 25 जून 2019

हाल ही में, मैं एक घटक लिखता हूं जो connect को redux में बदल देगा। जब मैं इस घटक को दूसरी जगह उपयोग करता हूं, तो इसके सभी प्रॉप्स गायब होते हैं। और इसे ठीक करें:

type StateProps = {
  /* some code */
};

type DispatchProps = {
  /* some code */
};

type OwnProps = {
  /* some code */
};

type Props = StateProps & DispatchProps & OwnProps;

const mapStateToProps = (state: IReduxState): StateProps => ({
  /* some code */
});

const mapDispatchToProps = (dispath: Dispatch<AnyAction>): DispatchProps => {
  /* some code */
};

const BaseComponent: React.FC<Props> = (props: Props) => {
  /* some code */
};

export const ConnectedComponent: React.ComponentType<OwnProps> = connect<
  StateProps,
  DispatchProps,
  OwnProps,
  IReduxState
>(
  mapStateToProps,
  mapDispatchToProps
)(BaseComponent);

निर्भरता नीचे हैं:

{
  "dependencies": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-redux": "^7.1.0",
    "redux": "^4.0.1",
  },
  "devDependencies": {
    "@types/react": "^16.8.22",
    "@types/react-dom": "^16.8.4",
    "@types/react-redux": "^7.1.0",
    "@types/redux": "^3.6.0",
    "typescript": "^3.5.2"
  }
}

fantasticit 2 जुल॰ 2019

👍7 🎉4

कुछ बुनियादी प्रकार के अनुमान के बजाय उन सभी प्रकारों को जोड़ना मेरे लिए एक अच्छा समाधान नहीं लगता है ...

alexandrudanpop 2 जुल॰ 2019

यह अभी भी एक मुद्दा की तरह लगता है। निश्चित रूप से समस्या 7.0.2 संस्करण में पेश की गई थी, क्योंकि मैं 7.0.1 स्थापित कर सकता हूं और अनुमान सही ढंग से काम करता है।

SomeoneWeird 9 अग॰ 2019

मेरे लिये कार्य करता है।
@justemit ने सही दृष्टिकोण पोस्ट किया जो प्रतिक्रिया और रिडक्स के अंतिम संस्करणों पर काम करता है।

heyantonmelnyk 14 अग॰ 2019

@justemit धन्यवाद, इसने मुझे पागल कर दिया

ogtfaber 3 सित॰ 2019

संपादित करें: मैंने `React.FC<Props>` . का उपयोग करके समस्या को ठीक कर दिया है

मुझे लगता है कि यह मुद्दा अभी भी जीवित है और @types/react-redux@^7.1.2 में ठीक है:

const propTypes = {
  foo: PropTypes.number.isRequired,
  bar: PropTypes.func.isRequired
};

// inferring the Props type
interface Props extends PropTypes.InferProps<typeof propTypes> {}
// although doing it explicitly also yields the same result
interface Props {
  foo: number,
  bar: (...args: any[]) => any
}

const Foo = (props : Props) => <></> // EDIT: incorrect way to define functional components
const Foo : React.FC<Props> = (props) => <></> // EDIT: the correct way
//          ^^^^^^^^

Foo.propTypes = propTypes;
/* Foo.defaultProps = {
  foo: 1,
  bar: () => {}
} //*/

const mapStateToProps = (state : any) => ({
  foo: 1
})
const mapDispatchToProps = {
  bar: () => {}
}
const Bar = connect(mapStateToProps, mapDispatchToProps)(Foo)

const Baz = () => <Bar /> // throws an error

Type '{}' is missing the following properties from type 'Readonly<Pick<Pick<Props, never>, never> & Pick<InferProps<{ foo: Validator<number>; bar: Validator<(...args: any[]) => any>; }>, "foo" | "bar">>': foo, bar



md5-e744aa0bac3ac7f45f015259c5597ea9

टाइप करें 'ConnectedComponentClass<...>' टाइप करने के लिए 'ComponentType<{}>' असाइन करने योग्य नहीं है।
प्रकार 'केवल पढ़ने के लिए<{}>' में 'केवल पढ़ने के लिए' प्रकार के निम्न गुण मौजूद नहीं हैं; बार: सत्यापनकर्ता<(...args: कोई []) => कोई भी>; }>>': फू, बार

And even if typing everything explicitly helped, I agree with <strong i="16">@alexandrudanpop</strong> that it should be possible to infer those types instead of doing everything manually 🤔 

**Edit:** for anyone looking for inspiration for a workaround, I currently resort to explicitly casting using `unknown`:
```ts
// assumes `mapDispatchToProps` is an object, could be a function if used with `ReturnType`
type OwnProps = Omit<Props, keyof ReturnType<typeof mapStateToProps> | keyof mapDispatchToProps>
connect(mapStateToProps, mapDispatchToProps)(Foo) as unknown as React.ComponentType<OwnProps>

kdmadej 3 अक्तू॰ 2019

👍3

कुछ ऐसा जो अनुमान में मदद कर सकता है (अभी भी कुछ मैनुअल काम है) ऐसा कुछ कर रहा है
@kdmadej उदाहरण से हटकर

type StateProps = ReturnType<typeof mapStateToProps>;
type DispatchProps = typeof mapDispatchToProps;
type OwnProps = {
  a: string;
  b: number;
}

type Props = StateProps & DispatchProps & OwnProps;

const Foo = (props : Props) => <></>

const mapStateToProps = (state : any) => ({
  foo: 1
})

const mapDispatchToProps = {
  bar: () => {}
}

export default connect(mapStateToProps, mapDispatchToProps)(Foo)


// In another file
const Baz = () => <Bar /> <-- this should throw error expecting `a` and `b`

हालाँकि, मुझे जिस समस्या का सामना करना पड़ रहा है, वह यह है कि जब मैं मिश्रण में OwnProps जोड़ता हूँ। कहीं भी <Bar /> का उपयोग करने से प्रोप a और b लापता होने के कारण एक त्रुटि फेंकनी चाहिए, लेकिन ऐसा नहीं है, और यह वास्तव में मुझे परेशान कर रहा है (कोई इरादा नहीं है)।

मैं इसका उपयोग करके इसे प्राप्त कर चुका हूं

const ConnectedBar: React.ComponentType<OwnProps> = connect(mapStateToProps, mapDispatchToProps)(Bar);
export default ConnectedBar;

या समकक्ष

export default connect(mapStateToProps, mapDispatchToProps)(Foo) as React.ComponentType<OwnProps>;

david-deepblocks 16 अक्तू॰ 2019

👍3

मैंने फ़ंक्शन घटक को ठीक से टाइप करने के लिए React.FC<Props> का उपयोग करके अपने मुद्दों को ठीक कर लिया है
मूल पोस्ट अपडेट किया गया

kdmadej 2 नव॰ 2019

👍1

इस पर कोई अपडेट? जैसा कि @alexandrudanpop ने कहा, कुछ बुनियादी प्रकार के अनुमान के बजाय उन सभी प्रकारों को जोड़ना एक अच्छा समाधान नहीं लगता है। मैं 7.2.1 का उपयोग कर रहा हूं और मुझे अभी भी वही समस्या है।

मेरे अन्य घटकों में मेरे पास है:

const connector = connect(mapStateToProps, mapDispatchToProps);
type PropsFromRedux = ConnectedProps<typeof connector>;
type Props = PropsFromRedux & OwnProps;

लेकिन यह काम नहीं कर रहा है अगर माता-पिता कुछ प्रोप भी भेज रहे हैं।

popadi 1 सित॰ 2020

👍1

साथ ही एक ही समस्या का अनुभव कर रहे हैं।
एनपीएम अपडेट के बाद ब्रेक लगाना शुरू किया।
मेरा फिक्स इस प्रकार है:
export default connect(mapStateToProps)(ConnectedIntlProvider) as unknown as ComponentType<unknown>;
अज्ञात के रूप में क्योंकि कोई ओनप्रॉप्स नहीं है। केवल ओनप्रॉप जाना चाहिए।

हालांकि, इस तरह यह काम करता है:
export default connect<StateFromProps, null, OwnProps, ApplicationState>(mapStateToProps)(viewWithIntl);

लेकिन इस तरह यह नहीं करता है:
export default connect<StateFromProps, DispatchFromProps, OwnProps, ApplicationState>( mapStateToProps, mapDispatchToProps, )(attachmentFormWithIntel)
और इसके लिए प्रत्यय की आवश्यकता है:
as unknown as ComponentType<OwnProps>;

का उपयोग करते हुए
"@ प्रकार/प्रतिक्रिया": "16.9.49",
"@ प्रकार/प्रतिक्रिया-रेडक्स": "^ 7.1.9",
"टाइपप्रति": "^4.0.3"
"रेडक्स": "^4.0.5",
{
"निर्भरता": {
"प्रतिक्रिया": "^16.13.1",
"रिएक्शन-डोम": "^16.13.1",
"प्रतिक्रिया-रिडक्स": "^ 7.2.1",
"रेडक्स": "^4.0.5",
},
"देव निर्भरता": {
"@ प्रकार/प्रतिक्रिया": "16.9.49"
"@ प्रकार/प्रतिक्रिया-डोम": "16.9.8",
"@ प्रकार/प्रतिक्रिया-रेडक्स": "^ 7.1.9",
"टाइपप्रति": "^4.0.3"
}
}

Cubelaster 23 सित॰ 2020

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

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

Definitelytyped: कनेक्ट () के साथ समस्या @ प्रकार/प्रतिक्रिया-रेडक्स में 4.4.41 में पेश की गई

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

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

संपादित करें: मैंने React.FC<Props> . का उपयोग करके समस्या को ठीक कर दिया है

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

संपादित करें: मैंने `React.FC<Props>` . का उपयोग करके समस्या को ठीक कर दिया है