Рефактор кода ReactJS
вопрос следующий, никак в голову не может прийти идея, как отрефакторить данную часть кода,
isDanger - это хук useState, если false, то просто применяем map, если true, то сначала filter, а потом map, хочется вот избежать повторное написание компонента AsteroidMainItem
Ответы (1 шт):
Автор решения: Роман Татаринов
→ Ссылка
Ну здесь все очень просто. Создайте отдельную переменную по которой будете рендерить
const renderAsteroids = isDanger ? asteroids.filter(item => !!item.dangerous) : asteroids;
return (
renderAsteroids.map(asteroid => <Link ... />)
)