How to nested loop in react native?

Question

i have json and i want to nested loop in react native. how can i nested while 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}
                    />

how to loop render content to get washing dish and work?

Georgiy T. · Accepted Answer · 2019-07-14 08:13:10Z

1

You could iterate through an object using Object.keys or 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>
  );
}

answered Jul 14, 2019 at 8:13

Georgiy T.

1,23113 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to nested loop in react native?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related