Question

首先，我将数据从API加载到FlatList。加载数据后，我需要根据其ID将3个数据附加到每个主数据中。

例如，我有用户详细信息列表。每个用户都有多张照片。因此，我想要的是首先需要加载数据列表。那么我需要在每个用户详细信息下附加图片。我可以根据用户ID从单独的API获取这些照片。我知道，我可以加入表格并从API中获得这两个详细信息。但是，我不想这样做。

Answer 1

创建一个单独的组件renderItem并在其中调用api。

import React from 'react';
class TestDynamic extends React.Component {

  getSpan(value) {
    return (<span>Spanned {value}</span>)
  }

  renderDynamicComponent() {
    const Test = this.getSpan(1)
    return (<div> <Test />  </span>)
  }

  render() {
    return (<div>{this.renderDynamicComponent() }</div>)
  }

}

OtherComponent.js

renderItem = ({item}) =>  <OtherComponent item={item} />

render() {
    return (
        <FlatList
             data= {this.state.data}
             renderItem={this.renderItem}

加载主数据后如何根据父ID将数据附加到视图中？

1 个答案: