21 lines
416 B
JavaScript
21 lines
416 B
JavaScript
import { useState } from 'react';
|
|
|
|
export const AlertButton = ({}) => {
|
|
const [message, setMessage] = useState('Alert!');
|
|
|
|
return (
|
|
<div>
|
|
<label>
|
|
Message
|
|
<input
|
|
type="text"
|
|
value={message}
|
|
onChange={(event) => setMessage(event.target.value)}
|
|
/>
|
|
</label>
|
|
|
|
<button onClick={() => alert(message)}>Trigger Alert</button>
|
|
</div>
|
|
);
|
|
};
|