このリポジトリは2023-09-09にアーカイブされています。 ファイルの閲覧とクローンは可能ですが、プッシュ、イシューの作成、プルリクエストはできません。
kikikan/backend/resources/js/component/alert.jsx

21 行
480 B
React
Raw 通常表示 履歴

import React, { useEffect } from 'react';
2021-10-01 18:50:43 +09:00
const Alert = (props) => {
2021-10-01 18:50:43 +09:00
//props.type == 'success' alert-success
//props.type == 'danger' alert-danger
2021-10-05 03:07:23 +09:00
2021-10-01 18:50:43 +09:00
useEffect(
() => {
2021-10-05 03:07:23 +09:00
let timer = setTimeout(()=>{
clearTimeout(timer);
if(props.hide) props.hide();
}, 4000)
2021-10-01 18:50:43 +09:00
},[]);
return (
2021-10-05 03:07:23 +09:00
<div className={`alert-${props.type} ft-18 ft-xs-16`}>{props.children}</div>
2021-10-01 18:50:43 +09:00
)
}
export default Alert;