import React from "react";
function Child({ onClick }) {
return <button onClick={() => onClick("Manasi")}>Say Hello</button>;
}
function App() {
const handleClick = (name) => alert(`Hello, ${name}!`);
return (
<div>
<h2>Function Argument Example</h2>
<Child onClick={handleClick} />
</div>
);
}
export default App;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter