اذهب إلى المحتوى

السؤال

نشر

مرحبا لدي مشروع react هيكلته كالتالي

-project
  -node_modules
   -public
    -src
      -components
       -pages
          -home
              -Home.js
        -util
        -redux
          -actions
           -reducers
            -store.js
        -styles
        -App.js
        -index.js

اذا أردت استخدام action في ملف home.js عليا استديرادها بهذه الطريقة

import {homeAction} from "../../redux/actions/homeAction.js"

وأحيانا يختلط علي الأمر  من كثرة "/../../.." ويجب أن أقوم بالتفكير قبل الاستيراد هل هناك طريقة لتبسيط الأمر ?

 

Recommended Posts

  • 1
نشر

في الموقع التوثيق الرسمي ل create-react-app تحديدا في جزء استراد المكونات يتكلمون عن الاستيراد المطلق وكيفية تحديد ذلك هي بانشاء ملف jsconfig.json  في مجلد ال root ووضع بعض الاعدادات فيه بهذه الطريقة

{
  "compilerOptions": {
    "baseUrl": "src" // تحديد الرابط القاعدي للمشروع
  },
  "include": ["src"]
}

ثم يمكنك اعادة تشغيل المشروع والان لديك قابلية الاستيراد النسبي أي الطريقة التي استخدمتها سابقا أو الاستيراد المطلق بهذه الطريقة

import {homeAction} from "redux/actions/homeAction.js"

أي مجلد يقع في src يمكنك الدخول له مباشرة

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...