реагировать .map с выбранным атрибутом

Question

Мне нужно отобразить элемент, используя карту с определенным атрибутом.

Мой код отображает атрибуты всех объектов элемента.

const {report, info} = this.state;
const max = this.state.info.map((info, index) =>
    <DonateReport key={index} title={info.title} opened={info.opened}
                  onClick={() => this.toggleInfo(index)}>
        {report.map(({item}) => ( //<--HERE
                <h2 >{item.donaters_count}</h2>
    ))}
    </DonateReport>
);

Подскажите, пожалуйста, как отобразить атрибутсо следующим параметром: item.month == info.key Возможно, есть еще способы решить эту проблему ...

Я был бы очень признателен за любую помощь.Не ругайтесь, пожалуйста, я действительно сижу над этой проблемой второй день

Answer 1

Я использовал ternary operator и немного отформатировал ваш компонент DonateReport.Это должно работать для вас.Дайте мне знать.

 <DonateReport key={index} title={info.title} opened={info.opened}
                        onClick={() => this.toggleInfo(index)}>
                        {
                            report.map(item => this.state.info.key === item.month ? //<--HERE
                            <h2 >{item.donaters_count}</h2>
                            : null)
                        }
                    </DonateReport>

Answer 2

Я думаю, это помогло бы больше, если бы вы показали, что вы пытаетесь сделать.Я понял, что вы пытаетесь отфильтровать показ атрибута по месяцу.Хотя я могу ошибаться

const {report, info} = this.state;
const max = this.state.info.map((info, index) =>
    <DonateReport key={index} title={info.title} opened={info.opened}
                  onClick={() => this.toggleInfo(index)}>
        {report.filter((item) => item.month == info.key).map(({item}) => ( 
                <h2 >{item.donaters_count}</h2>
        ))}
    </DonateReport>
);