React Link to and If 语句

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>
  );
}