Question

我还是Reactjs的新手，我正在尝试为我的项目构建一个页面。我想点击徽标图片并重新加载页面。

我尝试了两种方法，一种是在图像元素前面使用<a href="javscript:location:reload: true">但我在控制台中使用了Script URL is a form of eval no-script-url。

我也尝试了onClick eventlistener，但没有任何工作。我感谢任何帮助，或建立这个的新方法？

以下是我的Home.js

class Home extends React.Component {
   render() {
     return (
       <div>
         <a href="javascript:location.reload(true)"><img src={MindScribeLogo} className="HomePage" alt="logo" /></a>
       <div>
         <img src={MindScribeZebra} className="HomePage" alt="zebra" />
       </div>
     </div>
    );
  }
}
export default Home;

以下是我的App.js

class App extends Component {
  render() {
    return (
      <div className="App">
      <Home/>
    );
  }
}

Answer 1

嗯，你可以尝试一个基本的onClick功能。 hrefs不应包含脚本。

<img onClick={() => this.reloadPage()}/>

reloadPage () {
  window.location.reload()
}

如何在Reactjs中单击图像并重新加载当前页面？

1 个答案: