2014-12-30 32 views
1

预警,我对React.JS知之甚少。我发现它主要用于在UI端构建组件。我在网上找到的例子是在页面中使用静态JSON构建的。如何将JSON提供给React?

使用React使该API调用获取JSON数据的首选方法是什么?或者我应该简单地使用AJAX调用我的API并将JSON数据传递给React?

+0

好的,谢谢本杰明。我只会使用标准的jQuery Ajax调用。老实说,我认为它只是没有跳出来对我。如果你想以评论形式提出你的评论,我会接受。我认为这是React新手的一个相关问题。 –

+1

当然,很高兴我能帮上忙。 –

回答

2

我不确定你在这里期待什么样的答案,但React不关心你如何获取数据。

React只是虚拟DOM和组件,它与您的应用程序的这一部分完全无关。 Facebook做have some ideas关于数据如何在整个应用中流动并做出反应,但您对自己的设计理念没有义务。

所以是的 - 你可以例如使用AJAX调用你的API并传递JSON数据作出反应。

+0

如果您指的是如何在同构反应应用程序中加载数据,通常的做法似乎是从服务器的脚本标记中加载JSON,并可选择使用数据引导应用程序。任何服务器渲染的组件都会保留它们的初始数据,因为考虑到在客户端上再次渲染时校验和是相等的。 – cameronroe

+1

@cameronjroe同构是在两个实体之间(直觉上A和B是同构的,如果它们与名称更改相同),那么您使用的单词是错误的。我只是在这里说一个人如何与JSON数据交互并作出反应,答案是它与表示逻辑相关的React正交,而不是与服务器端调用相关。使用Angular的反应应用程序和使用通量架构构建的反应应用程序可以完全不同地解决此问题。 –

+0

是的,但关于使用React加载数据的同构性例如提出了管理this.props的挑战。这是我指出重新呈现该数据的首选方法是通过将JSON对象加载到脚本标记中的唯一原因。数据如何加载超过第一页加载是开发人员的选择。 – cameronroe