import React from "react"; import "./styles.css"; import NotificationSystem from "react-notification-system"; export default function App() { const ref = React.createRef(); const [title, setTitle] = React.useState(""); const [message, setMessage] = React.useState(""); const [level, setLevel] = React.useState("success"); const [position, setPosition] = React.useState("tr"); const [uid, setUid] = React.useState(0); const [autoDismiss, setAutoDismiss] = React.useState(5); return (

Title: setTitle(e.target.value)} />

Message: setMessage(e.target.value)} />

Level: 成功: setLevel("success")} /> エラー: setLevel("error")} /> 警告: setLevel("warning")} /> 情報: setLevel("info")} />

Position: 左上↖: setPosition("tl")} /> 中上↑: setPosition("tc")} /> 右上➚: setPosition("tr")} /> 左下↙: setPosition("tl")} /> 中上↓: setPosition("bc")} /> 右下➘: setPosition("br")} />

Dismiss: setAutoDismiss(parseInt(e.target.value, 10))} />{" "} second(s) later, the notification will disappear.

); }

vigilant-shape-dyqx8