当你问关于React和AJAX的时候,专家们告诉你的第一件事就是React只是一个view library,而且React没有networking/AJAX的特性。

我们都知道但不是特别有帮助的是,当我们只想从服务端拿到数据传递给React Components。

事实是,我们会有很多方法来实现。你自己可能已经有很多种方法了,但如果你选择了一种错误的方式,你的代码会变得很混乱。

所以你是想知道:正确的或是最佳的实现方式是什么呢?

从服务端获取数据传递给React components的最佳实践是什么呢?

答案是,取决于以下几点:

1.四种方式

我这种收集整理了四种使用AJAX和React的方法。

每一种方式都取决于你目前所开发应用的规模和复杂度,同时也取决于你目前已经使用的类库或技术。

  1. Root Component
  2. Container Component
  3. Redux Async Actions
  4. Relay

1.1 Root Component

这是最简单的方法,适用于原型示例项目或是小型的应用。

1.2 Container Component

1.3 Redux Async Actions

1.4 Relay