К вопросу не относится, но: ты же понимаешь, что это ссылка на одно и то же значение и оно не изменится после вызова функции, да?

Классовый

классовЫЙ компонеТ

оке понял

да, понимаю

почему?

Нет, твою проблему хуки не решат — хуки предоставляют тот же функционал, что и классы. Проблему решит исправление ошибки, на классах или на хуках — без разницы

понял спасибо

Выложи код в песочницу

Ты не проверяешь на пустой массив/undefined перед map

весь проект?

А данные тебе приходят после того, как компонент маунтится. И происходит ререндер

Минимальное количества кода, которое воспроизводит проблему.

Походу, надо написать статью «как пользоваться песочницами»

Ребят
привет

Кто может помочь с одним заданием застрял (router & array)
напишите в личку

буду очень благодарен кто сможет потратить свое время чтоб помочь)

в личку писать никто не будет, опиши проблему здесь

import React from 'react';
import './App.css';
import { useHistory, useParams, Route } from 'react-router-dom';
import artists from './ArtistList';



function ArtistProfile() {

const history = useHistory();

const {id} = useParams();

const selectedArtist= artists.find(artists => artists.id===id);

if(selectedArtist===undefined){
   return <h1>error</h1>
 
}
const handleClick=()=>{
   history.push("/");

}

   return (
       <div>
          <button type="button" onClick={handleClick}>
     Go home
   </button>
        <h1>{selectedArtist.name}</h1>
        <h2>Songs:</h2>
        <ul>
   {selectedArtist.songs.map((song, index)=> <li key={index}>{song}</li>)}
        </ul>

       </div>
   )
}
export default ArtistProfile();

И ещё написать статью как правильно формулировать вопрос

В export default убери вызов функции

Данные прилетают через useSelector. Реально прилетают, инпуты непустые.