如何在響應本機中嵌套循環？

Question

我有json，我想在響應本機中嵌套循環。 手風琴中的SECTIONS時如何嵌套？

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>
  );
}