Javascript 响应Web包和服务器

我真的把这堆东西弄糊涂了。我在网上读的越多，我就越困惑

我只是尝试调用API并将数据输入到我的组件中，如下所示：

'use strict';

import React from 'react';

require('styles//ListCard.scss');

class ListCardComponent extends React.Component {
  render() {
    return (
      <div className="list-card">
        <div className="list-card-details">
          <p>{this.props.title}</p>
          <p>{this.props.content}</p>
        </div>
      </div>
    );
  }
}

ListCardComponent.displayName = 'ListCardComponent';

export default ListCardComponent;

“严格使用”；
从“React”导入React；
要求（'style//ListCard.scss'）；
类ListCardComponent扩展了React.Component{
render（）{
返回(
{this.props.title}

{this.props.content}

);
}
}
ListCardComponent.displayName='ListCardComponent'；
导出默认ListCardComponent；

我目前有一个后端

localhost:3000

，我可以调用它来获取JSON数据。

---

我的react应用程序正在

localhost:8000

上运行。如何正确地连接这两种方式才能一起工作？

实际上有三种方式：

• 使用

• 在服务器上允许

• 配置后端以提供静态和动态内容

---

实际上有三种方法：

• 使用

• 在服务器上允许

• 配置后端以提供静态和动态内容

---

Webpack是一种构建工具，允许您将资产（源文件、图像、样式表）处理为另一种形式。它基本上是一个非常灵活的编译步骤，可以让您执行比Grunt或Gulp更强大的任务。它与服务您的代码或后端无关

---

如果您在

localhost:3000

上有数据，并且在

localhost:8000

上有一个React应用程序，那么您需要使用。

Webpack是一个构建工具，可以将资产（源文件、图像、样式表）处理为另一种形式。它基本上是一个非常灵活的编译步骤，可以让您执行比Grunt或Gulp更强大的任务。它与服务您的代码或后端无关

---

如果您在

localhost:3000

上有数据，在

localhost:8000

上有一个React应用程序，您需要使用。

React网页包堆栈已成为一个令人困惑的丛林！我只是把一些非常基本的样板放在一起，也许它们会帮助你：react网页包堆栈已经变成了一个混乱的丛林！我只是把一些非常基本的样板放在一起，也许它们会帮助你：