如何在响应本机中嵌套循环？

Question

我有json，我想在react native中嵌套循环。在“ SECTIONS in Accordion”中如何嵌套？

const SECTIONS = [
    {
        title: 'Monday',
        content: {
           '1':'washing dish'
           '2':'work'
        },
    },
    {
        title: 'Tuesday',
        content: 'Lorem ipsum...',
    },
    {
        title: 'Saturday',
        content: 'Lorem ipsum...',
    },
];

_renderContent = section => {
        return (
            <View style={styles.contentCon}>
                <Text>{section.content}</Text>
            </View>
        );
    };

<Accordion
                        activeSections={this.state.activeSections}
                        sections={SECTIONS}
                        renderHeader={this._renderHeader}
                        renderContent={this._renderContent}
                        onChange={this._updateSections}
                    />

如何循环渲染内容以进行清洗和工作？

Answer 1

您可以使用Object.keys或Object.values遍历对象：

renderContent = (section) => {
  const { content } = section;

  if (typeof content === 'string') {
    return (
      <View style={styles.contentCon}>
          <Text>{section.content}</Text>
      </View>
    );
  }

  return (
    <View style={styles.contentCon}>
      {Object.keys(content).map(key => (
        <Text key={key}>
          {content[key]}
        </Text>
      ))}
    </View>
  );
}