실전 프로젝트 → 푸쉬 알람 여부 기능 구현 / API 수정

실전 프로젝트 → 푸쉬 알람 여부 기능 구현 / API 수정

// src/pages/PushNoticationPop.js // 푸시 알림 팝업 페이지 import React from "react"; import Modal from "react-modal"; import { useHistory } from "react-router-dom"; import { useDispatch } from "react-redux"; import { actionCreators as noticeActions } from "../redux/modules/notice"; const PushNoticationPop = (props) => { const [modal, setModal] = React.useState(true); // 모달창 const [notice, setNotice] = React.useState(false); // 알림 유무 const [day, setDay] = React.useState("AM"); // 오전, 오후 설정 const [hour, setHour] = React.useState("12"); // 시간 설정 const [minutes, setMinutes] = React.useState("00"); // 분 설정 const history = useHistory(); const dispatch = useDispatch(); const modalOff = () => { setModal(false); history.push("/"); }; const send = () => { dispatch(noticeActions.noticePopDB(notice, day, hour, minutes)); }; return ( <> 푸쉬 알림 여부 수면 기록 알림을 받으시겠습니까? 알림 : { setNotice(!notice); }} > 시간은 언제가 좋으세요? 매일 { setDay(e.target.value); }} value={day} > 오전 오후 { setHour(e.target.value); }} value={hour} > 1 2 3 4 5 6 7 8 9 10 11 12 { setMinutes(e.target.value); }} value={minutes} > 00 05 10 15 20 25 30 35 40 45 50 55 확인 ); }; export default PushNoticationPop;

// src/redux/modules/notice.js const noticePopDB = (notice, day, hour, minutes) => { return function (dispatch, getState, { history }) { console.log(notice, day, hour, minutes); console.log(apis.postNotice(notice, day, hour, minutes)); }; };

from http://eundol1113.tistory.com/319 by ccl(A) rewrite - 2021-12-27 14:26:59