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

React链接至If语句

1 个答案: