प्रवाह

Question

के साथ एक उच्च आदेश घटक मैं निम्नलिखित अस्थायी है टाइप करने के लिए कैसे:

export default (keys: Array<string>) => 
    (WrappedComponent: React.Component<*, *, *>) => (props: Object): React.Element<*> => { 
    if (hasNotYetLoadedProps(keys, props)) { 
     return (
     <div 
      style={{ 
      textAlign: 'center', 
      display: 'flex', 
      justifyContent: 'center', 
      alignItems: 'center', 
      height: '100%', 
      }} 
     > 
      <div>Loading</div> 
     </div> 
    ) 
    } 
    return <WrappedComponent {... props} /> 
    } 

है कि या तो मूल घटक या एक लोडिंग सूचक प्रस्तुत करना। वास्तविक प्रवाह प्रकार घोषणा के साथ मुझे यह त्रुटि मिलती है:

React element `WrappedComponent`. Expected React component instead of React$Component 

अंतिम पंक्ति में। आने वाले घटक का सही प्रकार क्या होगा?

Answer 1

प्रकार, के लिए ReactClass<any>

export default (keys: Array<string>) => 
    (WrappedComponent: ReactClass<any>) => (props: Object): React.Element<*> => { 
    if (hasNotYetLoadedProps(keys, props)) { 
     return (
     <div 
      style={{ 
      textAlign: 'center', 
      display: 'flex', 
      justifyContent: 'center', 
      alignItems: 'center', 
      height: '100%', 
      }} 
     > 
      <div>Loading</div> 
     </div> 
    ) 
    } 
    return <WrappedComponent {... props} /> 
    }