سلام . شبتون به خیر .
من میخام کامپوننت خودم رو که به صورت تابعی درست کردم رو اکسپورت کنم و جای دیگه ازش استفاده کنم ولی نمیشه .
کد کامپوننتم اینطوریه:
export const App = () => {
return (
<div>
<Clock />
<Clock />
<Clock />
<Clock />
<Clock />
</div>
);
}
کد من در قسمت import هم اینطوریه :
سلام دوست من
در ES6 اول باید const رو بسازی و در آخر export کنی به این صورت
const App = () => {
return (
<div>
<Clock />
<Clock />
<Clock />
<Clock />
<Clock />
</div>
);
}
export default App;
سلام . خیلی ممنونم مشکلم حل شد استاد . یک سوال دیگه هم داشتم از خدممتون این بود که فرق اکسپورت کردن با {} و بدون {} در چی هست ؟
خواهش میکنم.
وقتی شما به صورت Default استخراج میکنی میتونی با همون اسم کامپوننت App ایشون رو Import کنی
اما برای Export اگر بین {} قرار بدید باید بگید
const {App} from './App'
چون که به مانند آبجکت استخراج میشه و توسط کد بالا شما میگید که از آبجکتی که استخراج شده فقط App رو میخوام و اگه به صورت انجام ندید و کدتون به این صورت باشه
const App from './App'
برای استفاده ازش باید بنویسید App.App