प्रतिक्रिया - एक शुद्ध स्टेटलेस घटक कैसे निर्यात करें

Question

मैं एक स्टेटलेस शुद्ध गूंगा घटक कैसे निर्यात कर सकता हूं?

अगर मैं क्लास का उपयोग इस काम करता है:

import React, { Component } from 'react'; 

export default class Header extends Component { 
    render(){ 
     return <pre>Header</pre> 
    } 
} 

लेकिन अगर मैं एक शुद्ध फ़ंक्शन का उपयोग मैं इसे काम करने के लिए नहीं मिल सकता है।

import React, { Component } from 'react'; 
export default const Header =() => { 
    return <pre>Header</pre> 
} 

क्या मुझे कुछ बुनियादी याद आ रही है?

Answer 1

ES6 export default const की अनुमति नहीं देता है। इसके बाद आप लगातार पहले घोषित करना चाहिए इसे निर्यात: केवल एक चर डिफ़ॉल्ट के रूप में निर्यात किया जा सकता

Answer 2

तुम भी एक वर्ग है कि PureComponent बजाय फैली उपयोग कर सकते हैं:

const Header =() => { 
    return <pre>Header</pre> 
}; 
export default Header; 

इस बाधा export default a, b, c; कि मना किया है writting से बचने के लिए मौजूद है घटक का यहां देखें: https://facebook.github.io/react/docs/react-api.html#react.purecomponent

Answer 3

बस एक साइड नोट के रूप में। आप पहले एक चर घोषित किए बिना तकनीकी रूप से export default कर सकते हैं।

export default() => (
    <pre>Header</pre> 
) 

Answer 4

आप दो तरह से

1)

// @flow 
 

 
type CompletedComponentProps = { 
 
    header: string 
 
}; 
 

 
const ComponentA = (props: ComponentAProps) => { 
 
    return <div>{props.header}</div>; 
 
}; 
 

 
export default ComponentA;

2)

// @flow 
 

 
type CompletedComponentProps = { 
 
    header: string 
 
}; 
 

 
export const ComponentA = (props: ComponentAProps) => { 
 
    return <div>{props.header}</div>; 
 
};

में कर सकते हैं

अगर हम डिफ़ॉल्ट का उपयोग हम अगर हम डिफ़ॉल्ट का उपयोग नहीं करते इस

import ComponentA from '../shared/componentA' 

की तरह आयात हम इस

import { ComponentA } from '../shared/componentA'