@Wink007

React render Link or?

Есть в реакт приложении 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>

помогите правильно сделать логику, моих не больших знайний, увы, недостаточно пока
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ответы на вопрос 1
TchernyavskD
@TchernyavskD
Formoshlep
Менять a на Link? Я бы в links сделал boolean значение у каждого объекта, которое бы и переключало. А на саму ссылку, либо на врапер клик хендлер.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы