如何从按钮加载另一个本地js

Question

当按下按钮时，浏览器应重新加载页面并显示不同的reactjs组件/文件。

我尝试在道具按钮中执行类似href="./code.js"或window.location="./code.js"之类的操作。但是，它没有用。现在，我正在尝试使用一个函数，但仍然无法正常工作。我不太确定它是如何工作的。

handleClick = () => href="./mycode.js"

export default () => (
  ...
    <Button secondary onClick={this.handleClick}>Registrarse</Button>
  ...);

错误是：

./src/Menu.js
  Line 4:   'handleClick' is not defined  no-undef
  Line 4:  'href' is not defined         no-undef

我认为我的实施无法正常工作。

Answer 1

只需使用React Router处理路由并在页面之间移动。

Answer 2

如果要添加另一个脚本文件，请在handleClick内创建新的脚本标签，设置src属性并将其附加到DOM。

handleClick = () => {
  const script = document.createElement('script');
  script.src = 'code.js';
  document.body.appendChild(script);
}