Are you first timer at Why not join us and start exchange your programming knowledge with everyone. Register today!

React - Handling events

0 votes
added Mar 8 in React by LC Marshal Captain (20,510 points)

In order to prevent HTML default link from opening new page, you simply code:

<a href="#" onclick="console.log('I get clicked.'); return false">
  Click here


In react, you need to do it with  preventDefault

// React
function LinkMe() {
  function handleClick(e) {
    console.log('I get clicked');

  return (
    <a href="#" onClick={handleClick}>
      Click here 


1 Response

0 votes
responded May 14 by LC Marshal Captain (20,510 points)
(:Social button:)
const watsapp = () => {''+ window.location.href,+'targetWindow','height=600,width=660,resizable=no,toolbar=no,menubar=no,status=no,location=no,scrollbars=yes');

<a className="social-share" onClick={whatsapp}>
    <img src="/images/social-icon/whatsapp-logo.png" height="20" className="social-icon" alt="Lazacode" />
</a> - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.