用扩展 React.Component 替换 React.createClass

Question

Facebook 建议将来完全删除 React.createClass 以支持 ES6 类。我现在开始检查我的 react.js 类，并用现在接受的 class MyClass extends React.Component 语法替换它们。但是，我认为我在某些事情上还不够成熟。我编写了以下 API 挂载代码，并且 gulp 在加载时似乎不喜欢这个特定模块：Cannot find module '.components/ticker-trader' from '/.../src'。

我的特定班级概述为：

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;

谁能概述这到底是哪里出了问题...我敢肯定这是简单化的。我试图通过使用文档来解决这个问题，但我似乎没有得到任何地方......

Answer 1

检查您的文件路径。

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

看起来不对。

而不是.components/ticker-trader，它很可能应该寻找./components/ticker-trader。