Реагировать на ссылку и заявление

Question

поэтому у меня есть функция, которую я хочу связать с различными страницами моего проекта при нажатии кнопки.Функция ниже:

displayCharacterProfile() {
let getCharacterName = localStorage.getItem("characterName");

if(getCharacterName == "littlefinger") {
<Link to="/littlefinger"></Link>
}

if(getCharacterName == "tywin") {
<Link to="/tywin"></Link>
}
}


render() {
return (
<button className="enter" onClick={this.displayCharacterProfile}> Enter </button>
);
}

Любая быстрая помощь будет принята с благодарностью, ребята!Спасибо: -)

Answer 1

Добро пожаловать в StackOverflow!Когда вы визуализируете элемент Link, все, что он делает, это отображает ссылку на пользователя.Пользователь должен нажать , чтобы перейти туда.Попробуйте это:

render() {
  let getCharacterName = localStorage.getItem("characterName");
  return (
    <button className="enter">
      <Link to={"/" + getCharacterName}> Enter </Link>
    </button>
  );
}