对 Link 和 If 语句作出反应

Question

所以我有一个函数，当单击一个按钮时，我想 link 转到我项目的不同页面。函数如下：

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

欢迎使用 Whosebug！当您呈现 Link 元素时，它所做的只是向用户显示 link。用户实际上必须单击它才能到达那里。试试这个：

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

对 Link 和 If 语句作出反应

React Link to and If Statement

onclick

link-to

local-storage

reactjs