根据API响应(原始本机)动态填充单元格

时间:2018-08-11 23:04:03

标签: reactjs react-native

我是新来的本地人,所以请原谅我可笑的问题。 截至目前,我正在使用访存进行API调用,传递有效负载并获得响应。

我正在做的是收集响应值并将它们的状态传递到下一个屏幕(称为屏幕B)。这对于DUMMY API值非常有效,因为我已经将响应的状态传递到了屏幕B,并且它们填充了屏幕。但是,我现在需要创建一个更具动态性的屏幕B,因为它们只是伪值。

我正在通过以下代码行传递状态:

if(res.status == 200) {
        this.props.navigation.navigate('ResultsScreen', {
 name: res.data.reward.name, address: res.data.reward.address, logo: res.data.reward.logo});        

这是我遇到的第一个问题。我无法传递“非虚拟” API,因为API响应具有存储信息的数据数组。例如,数组由数字(0、1、2、3等)组成。

因此,根据我通过API的输入,我可能会收到一个响应,其中可能包含0-3、0、1和2等所有数组。

我的第一个问题是我似乎无法更改代码以传递虚拟数组值。

  if(res.status == 200) {
        this.props.navigation.navigate('ResultsScreen', {
 name: res.data.reward.0.name, address: res.data.reward.0.address, logo: res.data.reward.0.logo});      

当我传递引用单个数组数据集的此代码时,出现错误“意外的令牌,预期为“,””。该错误是由数组值引起的。

话虽如此,我的第一个问题是如何传递单个数组(用于测试)?

要使屏幕B真正起作用,我需要填充所有数组。 react native是否有一个概念,可以让我告诉它使用一堆元素进行视图,并基本上将其复制并用其他数组填充?

我们不需要担心输入操作会生成多少个数组,因为API逻辑处理了这个问题。但是我的第二个问题是,如何获取API响应并使用动态单元格以“智能”方式构建屏幕?

我真的是新来的本地人,所以我希望能得到更多的细节和帮助。我已尝试进行研究,但很难获得正确的信息。

让我知道是否需要更多详细信息。我会很乐意给他们!

0 个答案:

没有答案