React render Link or?

Question

[Wink007]

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

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

Comments

[twoone]

Вы хотите реализовать очень странное поведение, поскольку -
1) это нарушает идеалогию реакт роутера
2) это нарушает идеалогию spa
3) Link и так ренеритс в тег Чего вы хотите добится? Зачем вам невное поведен...

[Wink007]

twoone, если бы это была моя инициатива...обстоятельства так сложились, что захотели, чтобы в какой то момент был ререндер

[twoone]

Wink007, ререндер означает построение реакт приложения с нуля, а это в сотню раз медленнее обычной статической страницы. Если такое поведение требуется для сведения с ума пользователя, то это стоит реализовать, а если для поисковых роботов, то нет смысла, так как это только усугубит пробюлему по множеству направлений.

Answer 1

[Daniil]

Менять a на Link? Я бы в links сделал boolean значение у каждого объекта, которое бы и переключало. А на саму ссылку, либо на врапер клик хендлер.

Comments

[Wink007]

да, если я на определенной табе, то эта таба Link, а остальные <a>, вобщем как и писал выше. А вы бы не могли пример показать