snippets-sg

Snippets-sg 📝

This is custom personal snippets for help to codding reactJS

Description ✨

usePage, up - usePage function

  const page = usePage();

useTranslation, ut - useTranslation function

  const {t} = useTranslation();

useAPI, ua - useAPI function

  const [functionName]= useAPI(servicename.pathname);

useAPIFile, uaf - usePage function

  const [functionName]= useAPI(servicename.pathname);

useMasterStore, ums - useMasterStore function

  const [functionName]= useMasterStore(search);

useLoading, ul - useLoading function Full

  const { setIsLoading, setAlert } = useLoading();

ull - useLoading function Loading

  const { setIsLoading } = useLoading();

ula - useLoading function Alert

  const { setAlert } = useLoading();

useNavigate, un - useNavigate function

  const navigate = useNavigate();

useParams, upr - useParams function

  const {$id} = useParams();

uss - submitted state

  const [submitted, setSubmitted] = useState(false);

useDialog, ud - useDialog function

  const {setDialogWarn, setDialogShow} = useDialog();

udw - useDialog function DialogWarning

  const {setDialogWarn} = useDialog();

uds - useDialog function DialogShow

  const {setDialogShow} = useDialog();

udf - useDialog function DialogOpenFile

  const {setDialogFile} = useDialog();

uda - useDialog function Full

  const {setDialogWarn, setDialogShow, setDialogFile} = useDialog();

udap - useDialog function Full params

  const isDialog = useDialog();

itcp,onInputTextChange - onInputTextChange function props

  const onInputTextChange = (e, key) => {
    let val = (e.target && e.target.value !== undefined)?e.target.value  :'';
    let id = key && key !== '' ? key : (e.target && e.target.id) || '';

    props.setData({({
        ...props.data,
        [id]: val,
    });
  };

itc - onInputTextChange function

  const onInputTextChange = (e, key) => {
    let val = (e.target && e.target.value !== undefined)?e.target.value  :'';
    let id = key && key !== '' ? key : (e.target && e.target.id) || '';

    setData({({
        ...data,
        [id]: val,
    });
  };

License

MIT