Есть в реакт приложении 3 табы, таба 1, таба 2, таба 3. В чем загвостка, есть код, немного для примера унифицирован
const links = {
[
{name: '1', url: 'some url1'},
{name: '2', url: 'some url2'},
{name: '3', url: 'some url3'},
],
};
links.map(({name, url}) => {
return (
<Link
key={name}
to={url}
>
<span>{name}</span>
</Link>
);
})
нужно его переделать так, чтобы на выходе я имел такого рода, если я нахожусь(кликнул) либо на табе/линке "1" или "3", то я получу такое:
<Link to="some url1">1</Link>
<a href="some url2">2</Link>
<Link to="some url3">3</Link>
а если я кликну на табу/линку "2", то:
<a href="some url1">1</Link>
<Link to="some url2">2</Link>
<a href="some url3">3</Link>
помогите правильно сделать логику, моих не больших знайний, увы, недостаточно пока
