Реагировать на создание приложения - Как импортировать вложенный компонент?

Question

Я использую приложение React create и понимаю, как импортировать компонент в мое основное приложение, которое называется app. js. Что я не понимаю, так это как я импортирую компонент в компонент, который затем импортируется в приложение. js (вложенный компонент). В моем файле приложения. js есть компонент Portfolio. В моем файле портфолио. js есть компонент Language. Можно ли даже вложить компоненты с приложением React create? Потому что это не похоже на работу.

Вот что я пытался сделать:

В моем приложении. js file:

import React from "react";
import logo from "./logo.svg";
import "./App.css";
import Portfolio from './components/portfolio';    
import "./css/styles.css"


function App() {
  return (
    <div className="App">
      <header>
      <h1>My beautiful title</h1>

      </header>
      <Portfolio />
    </div>
  );
}

export default App;

В моем портфолио. js file:

 import React, {Component} from 'react';
import Language from './components/language';
class Portfolio extends Component {

      render() {

        return (
          <div className="portfolio">
         <Language/>
            <h1>My protfolio</h1>


          </div>
        );
      }
    }

    export default Portfolio;

И на языке. js У меня есть:

import React, {Component} from 'react';

class Language extends Component {
  render() {
    return(
<div>Switch language</div>
      );
  }
}

export default Language;

В моем браузере постоянно появляется следующая ошибка:

"./ src / components / portfolio. js Модуль не найден: не удается разрешить './components/language' в 'C: \ Users \ mluce \ exercice-реагировать \ src \ components'"

Мой язык. js Файл определенно находится в моей папке компонентов. Я не понимаю, почему я получаю эту ошибку?

Answer 1

В portfolio.js:

import Language from './language';