Import von css-Dateien und Komponenten reagieren in einer create-reagieren-app-Anwendung?

Ich bin gerade erst mit react.js und erstellen-reagieren-app-Anwendung, so entschuldigen Sie mich, wenn dies eine offensichtliche Frage.

Meinen " src " Ordner-Struktur ist wie folgt:

scr/
....components/
........ComponentA.jsx
........Componentb.jsx
....styles/
........ComponentA.css
....App.css
....App.js
....App.test.js
....index.css
....index.js
...OTHER DEFAULT FILES

In App.js ich habe diese:

import React, { Component } from 'react';
import ComponentA from './components/ComponentA';

class App extends Component {
  render() {
    return (
      <div className="App">
        <ComponentA />
      </div>
    );
  }
}

export default App;

In ComponentA habe ich dieses:

import React, { Component } from 'react';
import './styles/ComponentA.css';
import ComponentB from './components/ComponentB';

class ComponentA extends Component {
  render() {
    return (
      <div className="componentAStyle">
        <ComponentB />
      </div>
    );
  }
}

export default ComponentA;

In ComponentB habe ich dieses:

import React, { Component } from 'react';

class ComponentB extends Component {
  render() {
    return (
      <div>
        <h1>Hello from ComponentB</h1>
      </div>
    );
  }
}

export default ComponentB;

Was ich versuche zu tun, ist einfach importieren Sie ComponentB aus ComponentA - und auch import-Stil für ComponentA aber alle in diesem Herbst zeigt die folgende Meldung an:

Failed to compile
./src/components/ComponentA.jsx
Module not found: Can't resolve './styles/ComponentA.css' in 'C:\xampp\htdocs\custom-k39\src\components'
This error occurred during the build time and cannot be dismissed.

Und wenn ich entfernen Sie die css-import es gibt eine andere Fehlermeldung:

Failed to compile
./src/components/ComponentA.jsx
Module not found: Can't resolve './components/ComponentB' in 'C:\xampp\htdocs\custom-k39\src\components'
This error occurred during the build time and cannot be dismissed.

Wie kann ich importieren, die eine andere Komponente aus einer anderen Komponente und deren jeweilige css?

Dank.

InformationsquelleAutor Walter Devia | 2017-07-09
Schreibe einen Kommentar