Я использую оператор switch для условного рендеринга компонентов, и я потратил довольно много времени на попытки тестирования, но я просто не представляю, как это сделать, и не нашел в Интернете никаких полезных ресурсов для этого.Спасибо за внимание!
componentToRender = (currentPath) => {
const { years, tours, songs, shows, venues } = this.props;
switch (currentPath) {
case "/Years":
return years.map(year => <Years key={year.date} year={year} />);
case "/Tours":
return tours.map(tour => <Tours key={tour.id} tour={tour} />);
case "/Songs":
return songs.map(song => <Songs key={song.id} song={song} />);
case "/Venues":
return venues.map(venue => <Venues key={venue.id} venue={venue} />);
case "/Shows":
return shows.map(show => <Shows key={show.id} show={show} />);
case "/SetList":
return <SetLists />;
case "/UserStats":
return <UserStats />;
default:
return <HomePage />;
}
};