当你问关于React和AJAX的时候,专家们告诉你的第一件事就是React只是一个view library,而且React没有networking/AJAX的特性。
我们都知道但不是特别有帮助的是,当我们只想从服务端拿到数据传递给React Components。
事实是,我们会有很多方法来实现。你自己可能已经有很多种方法了,但如果你选择了一种错误的方式,你的代码会变得很混乱。
所以你是想知道:正确的或是最佳的实现方式是什么呢?
从服务端获取数据传递给React components的最佳实践是什么呢?
答案是,取决于以下几点:
1.四种方式
我这种收集整理了四种使用AJAX和React的方法。
每一种方式都取决于你目前所开发应用的规模和复杂度,同时也取决于你目前已经使用的类库或技术。
- Root Component
- Container Component
- Redux Async Actions
- Relay
1.1 Root Component
这是最简单的方法,适用于原型示例项目或是小型的应用。