У меня есть карта, вложенная в карту, а вложенная карта имеет оператор if. Однако это не работает, потому что мне нужно ссылаться на значение из внешнего отображаемого элемента. Я не уверен в правильном синтаксисе. Я пробовал много неправильных вещей, смеется.
Как мне ссылаться на section.name из внешнего элемента в операторе if вложенных карт? Ошибок не возникает, просто не работает.
<Container>
{this.state.sections.map(section => (
<Accordion className="my-5" key={section.id} id={section.id}>
<Card key={section.id} id={section.id} name={section.name}
style={{ background: this.state.color1, color: this.state.color2 }}>
<Accordion.Toggle as={Card.Header} eventKey={section.id}>
Section {section.id}: {section.name}
</Accordion.Toggle>
<Accordion.Collapse eventKey={section.id}>
<Card.Body style={{ background: 'white', color: 'black' }}>
<ButtonGroup size="sm" className='buttons'>
{this.state.policies.map(policy => {
if(this.state.section === 'Culture'){
return
<PolicyButton key={policy.id} id={policy.id} policy=
{policy.policy} onAddPolicy={this.handleAddPolicy} />
}
})}
</ButtonGroup>
</Card.Body>
</Accordion.Collapse>
</Card>
</Accordion>
))}
</Container>