Ersetzen einer React.createClass durch erweitert React.Component

Question

Facebook hat die zukünftige Entfernung von React.createClass vollständig zugunsten von ES6-Klassen vorgeschlagen. Ich fange jetzt an, meine react.js-Klassen durchzugehen und sie durch die jetzt akzeptierte -Syntax zu ersetzen. Ich glaube jedoch, dass ich in einigen Dingen noch nicht ganz da bin. Ich habe die folgende API-Halterung codiert und Schluck scheint dieses bestimmte Modul beim Laden nicht zu mögen: Cannot find module '.components/ticker-trader' from '/.../src'.

Meine besondere Klasse skizziert als:

import React, { Component, PropTypes } from 'react'; 

class TickerTrader extends React.Component { 
    constructor(props) { 
    super(props); 
    this.state = { 

    }; 
    } 

    componentDidMount() { 
     $.get("api_url", function(data) { 
     this.setState(data), 
     }); 
    } 

    render() { 
    return (
     <div></div> 
    ); 
    } 
} 

export default TickerTrader; 

Könnte jemand umreißen, wo genau hat dies schief gegangen ... Ich bin sicher, dass es etwas simplisitic ist. Ich habe versucht, dies zu beheben, indem Sie die Dokumentation verwenden, aber ich komme nirgendwo hin ...

Answer 1

Überprüfen Sie Ihre Dateipfade.

Cannot find module '.components/ticker-trader' from '/.../src'

das falsch aussieht.

Anstelle von .components/ticker-trader sollte mehr als wahrscheinlich nach ./components/ticker-trader suchen.