ReactJs как импортировать компонент из родственной папки внутри sr c папки? - PullRequest
Новая
       3

ReactJs как импортировать компонент из родственной папки внутри sr c папки?

0 голосов
/ 16 июня 2020 
/src
|--components
|  |--Layout
|  |  |--AppLayout.js
|  |  |--Header.js
|  |  |--Content.js
|  |  |--Footer.js
|  |--Root.js
|--constants
|  |-- AppConfig.js
|--index.js

В настоящее время у меня есть проект React js, структурированный, как описано выше. Мой вопрос: как я могу импортировать конфигурацию из AppConfig. js в файл Root. js (родственная папка внутри sr c папки), а также импортировать его в AppLayout. js? Я пробовал import APPCONFIG from '../../constants/appConfig';, import APPCONFIG from '../constants/appConfig';, import APPCONFIG from './constants/appConfig';, import APPCONFIG from './constants/appConfig'; и import APPCONFIG from 'constants/appConfig';, но ничего не работает.

Ответы [ 2 ]

0 голосов
/ 16 июня 2020

Это основано на том, как вы экспортируете класс / функцию AppConfig

  1. Скажите, что имя вашего класса / функции - AppConfig, и вы экспортируете его как

const AppConfig = () => {} экспорт AppConfig по умолчанию;

Вы можете импортировать AppConfig следующим образом. 

1. For Root.js

import AppConfig from '../constants/AppConfig';

2. For AppLayout.js

import AppConfig from '../../constants/AppConfig';
Скажите, что имя вашего класса / функции - AppConfig, и вы экспортируете его как

export const AppConfig = () => {};

Вы можете импортировать AppConfig следующим образом. 

1. For Root.js

import {AppConfig} from '../constants/AppConfig';

2. For AppLayout.js

import {AppConfig} from '../../constants/AppConfig';

Если по-прежнему не работает, укажите способ экспорта класса / функции AppConfig

более подробную информацию, относящуюся к классу / функции экспорта и импорта es6 javascript, пожалуйста, проверьте ссылки ниже

https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

0 голосов
/ 16 июня 2020

из Applayout. js вы хотите импортировать Appconfig. js

так в Applayout. js import APPCONFIG from '../../constants/AppConfig

Несколько советов для вас

  • подробнее о root import
  • используйте редакторы, которые предоставляют вам некоторые функции, которые помогут вам в этих небольших случаях
...