H.C's questions

具有以下 Dockerfile

FROM ubuntu:20.04
FROM postgres:17.0

##### packages needed that dont come with the image of ubuntu:20.04
RUN apt-get update \
&& apt-get install -y bash \
&& apt-get install -y cron \
&& apt-get install nano
#&& apt-get install -y iputils-ping
#RUN sudo apt install postgresql

COPY backup.sh /usr/local/bin/
COPY setup.sh /usr/local/bin/ 
WORKDIR /usr/local/bin/
RUN chmod +x backup.sh
RUN chmod +x setup.sh
RUN ./setup.sh

# Add the cron job to the crontab
RUN crontab -l | { cat; echo "* * * * * /usr/local/bin/backup.sh 10 'localhost' '5432' 'postgres' 'xxxxx' 'dvdrental' >> /mnt/backups/backup.log 2>&1"; } | crontab -

CMD ["/bin/bash","cron"]

构建容器的命令

sudo docker build --no-cache -t hcorte/backup_container .

运行容器的命令

sudo docker run --name ubuntu -v /mnt/backups/:/mnt/backups/ --add-host host.docker.internal:host-gateway -itd hcorte/backup_container bash

当附加到容器并运行命令时service cron status返回

cron 没有运行...失败！

但是没有 CMD ["/bin/bash","cron"]指示启动 cron 服务吗？Dockerfile 需要进行哪些更改才能让 cron 服务在开始时就启动？

通过在应用程序组件上方调用它，实现了一个可在我的应用程序中的任何组件中重用的通用弹出窗口index.js：

const handleClickBtn = (confirmStatus,cancelStatus) => {
    console.log(`confirm: ${confirmStatus} ,cancel: ${cancelStatus}`);
}

root.render(
    <NavigationProvider>
        <PopupProvider onClickBtn={handleClickBtn}>
            <Provider store={store}>
                <App />
            </Provider>
        </PopupProvider>
    </NavigationProvider>
);

我的弹出窗口（Popup.js）如下：

import { createContext, useState } from 'react';

import Modal from 'react-bootstrap/Modal'
import Button from 'react-bootstrap/Button'

import ModalHeader from 'react-bootstrap/ModalHeader'
import ModalTitle from 'react-bootstrap/ModalTitle'
import ModalBody from 'react-bootstrap/ModalBody'
import ModalFooter from 'react-bootstrap/ModalFooter'

const PopupContext = createContext();

function PopupProvider({children,onClickBtn}) {

    const [show, setShow] = useState(false);
    const [showCancelButton, setShowCancelButton] = useState(true);
    const [size, setSize] = useState('md');
    const [message, setMessage] = useState('');
    const [title, setTitle] = useState('');
    const [confirm, setConfirm] = useState(false);
    const [confirmationText, setConfirmationText] = useState('Ok');
    const [cancel, setCancelation] = useState(false);
    const [cancelationText, setCancelationText] = useState('Close');

    const handleClose = () => {
        setShow(false);
    }

    const handleCancelation = () => {
        //setCancelation(true); //this state may not be needed
        setShow(false);
        onClickBtn(false,true);
    }

    const handleConfirmation = () => {
        //debugger;
        //setConfirm(true); //this state may not be needed
        setShow(false);
        onClickBtn(true,false);
    }


    const getConfStatus = () => {
        //return confirm;
    }

    const getCanStatus = () => {
        //return cancel;
    }


    const changeConfText = (btnText) => {
        setConfirmationText(btnText);
    }

    const changeCanText = (btnText) => {
        setCancelationText(btnText);
    }

    const showPopup = (showPopupL) => {
        setShow(showPopupL);
    }

    const popupSize = (size) => {
        setSize(size);
    }
    
    const popupMessage = (msg) => {
        setMessage(msg);
    }

    const popupTitle = (title) => {
        setTitle(title);
    }

    const popupCancelBtn = (showButton) => {
        setShowCancelButton(showButton);
    }

    const popupConfig = { 
        showPopup, 
        popupMessage, 
        popupSize, 
        popupTitle,
        popupCancelBtn,
        changeConfText,
        changeCanText,
        getConfStatus,
        getCanStatus 
    };

    return (
        <>
            <Modal 
                show={show}
                onHide={handleClose}
                size={size}
                aria-labelledby="contained-modal-title-vcenter"
                centered
                id="Popup"
            >
                <Modal.Header closeButton>
                {title !== '' ? <Modal.Title>{title}</Modal.Title> : ''}
                </Modal.Header>

                <Modal.Body>
                <p>{message}</p>
                </Modal.Body>

                <Modal.Footer>
                {showCancelButton ? 
                    <Button variant="secondary" onClick={handleCancelation}>
                        {cancelationText}
                    </Button>
                    :
                    ''
                }    
                <Button variant="primary" onClick={handleConfirmation}>
                    {confirmationText}
                </Button>
                </Modal.Footer>
            </Modal>
            <PopupContext.Provider value={popupConfig}>
                {children}
            </PopupContext.Provider>
        </>
    );

}

export { PopupProvider };
export default PopupContext;

并在任何其他组件中

import usePopup from '../hooks/use-popup';

const { 
    showPopup, 
    popupMessage,
    popupTitle,
    changeConfText,
    changeCanText,
    getConfStatus,
    getCanStatus
} = usePopup();

并使用此功能显示或隐藏弹出窗口，更改弹出窗口中显示的文本，按钮显示等...

const DeleteConfirm = async () => {
    popupTitle(`Hike Deletion Confirmation`);
    popupMessage(`Are you shure you want to delete ${hike['hikeName']}`);
    changeConfText('Yes');
    changeCanText('Cancel');
    showPopup(true);
}

直到这里工作正常为止，我的问题现在是想在这个组件中触发弹出窗口的单击事件，以查看用户是否确认删除某些内容，但不知道如何执行此操作，因为使用 Context 只能公开值和功能。

我是否应该在顶层使用handleClickBtn，但如果用户是否单击“确认”按钮，则无法使用状态将状态传递给子组件。

任何帮助都会在这一点上有点丢失......

use-popup 是公开的钩子useContext(PopupContext)