Сделайте прикрепление компонента к экрану с сообщением. Реагировать

Что я хочу сделать, так это создать красивое окно сообщения, которое появляется, когда я что-то сохраняю, у меня есть доступ к состоянию, которое сообщает мне, загружается оно или нет, но я не могу создать компонент, который всегда появляется, независимо от того, сколько вы прокручивали.

Страница довольно длинная, поэтому, где бы они ни нажимали кнопку, которая запускает эту функцию сохранения, я хочу, чтобы она появлялась. Где они.

Я использовал Semantic UI в этом проекте, и я пробовал их липкий компонент, но он заставляет компонент следовать за экраном только как 50 пикселей, я хочу, чтобы это число было бесконечным.

Благодарен за каждый ответ

🤔 А знаете ли вы, что...
JavaScript поддерживает асинхронное программирование с использованием промисов и асинхронных функций.


337
1

Ответ:

Решено

Я думаю, вы также можете добиться этого с помощью фиксированного модального окна.

Внутри вашего основного компонента:

state = {
    // (...)
    isLoading: false
}

// (...)

render() {
    return (
        // Rest of your code
        {this.state.isLoading && <MessageComponent/>} // or however you're rendering the message/modal
        // Rest of your code
    )
}

Затем в вашем соответствующем файле css стили вашего MessageComponent:

.messageComponent {
    position: fixed;
}