• 1397/10/04

مشکل در ایمپورت و اکسپورت کامپوننت در React JS :

سلام . شبتون به خیر .

من میخام کامپوننت خودم رو که به صورت تابعی درست کردم رو اکسپورت کنم و جای دیگه ازش استفاده کنم ولی نمیشه .

کد کامپوننتم اینطوریه:

export const App = () => {
    return (
        <div>
            <Clock />
            <Clock />
            <Clock />
            <Clock />
            <Clock />
        </div>
    );
}

کد من در قسمت import هم اینطوریه :

import App from './State_and_Classfull_Component'
 
و در قسمت رندر هم اینطوری رندرش میکنم :
 
ReactDOM.render(<App/>, document.getElementById('root'))
 
  • 1397/10/04
  • ساعت 22:07

سلام دوست من

در ES6 اول باید const رو بسازی و در آخر export کنی  به این صورت

const App = () => {
    return (
        <div>
            <Clock />
            <Clock />
            <Clock />
            <Clock />
            <Clock />
        </div>
    );
}
export default App;

 


  • 1397/10/04
  • ساعت 22:16

سلام . خیلی ممنونم مشکلم حل شد استاد . یک سوال دیگه هم داشتم از خدممتون این بود که فرق اکسپورت کردن با {} و بدون {} در چی هست ؟

 


  • 1397/10/04
  • ساعت 22:39

خواهش میکنم.

وقتی شما به صورت Default استخراج میکنی میتونی با همون اسم کامپوننت App ایشون رو Import کنی

اما برای Export اگر بین {} قرار بدید باید بگید 

const {App} from './App'

چون که به مانند آبجکت استخراج میشه و توسط کد بالا شما میگید که از آبجکتی که استخراج شده فقط App رو میخوام و اگه به صورت انجام ندید و کدتون به این صورت باشه

const App from './App'

برای استفاده ازش باید بنویسید App.App


logo-samandehi