<div id="app"></div>
class App extends React.Component {
  sayHi(e) {
    e.preventDefault()
    window.alert('Hello!');
  }
  
  render() {
    return (
      <div>
        <a href="https://israynotarray.com/" onClick={ this.sayHi }>點我</a>
      </div>
    );
  }
}

const app = document.querySelector('#app');
const root = ReactDOM.createRoot(app);
root.render(<App />);
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.com/react@18/umd/react.development.js
  2. https://unpkg.com/react-dom@18/umd/react-dom.development.js