Что я хочу сделать, так это создать красивое окно сообщения, которое появляется, когда я что-то сохраняю, у меня есть доступ к состоянию, которое сообщает мне, загружается оно или нет, но я не могу создать компонент, который всегда появляется, независимо от того, сколько вы прокручивали.
Страница довольно длинная, поэтому, где бы они ни нажимали кнопку, которая запускает эту функцию сохранения, я хочу, чтобы она появлялась. Где они.
Я использовал Semantic UI в этом проекте, и я пробовал их липкий компонент, но он заставляет компонент следовать за экраном только как 50 пикселей, я хочу, чтобы это число было бесконечным.
Благодарен за каждый ответ
🤔 А знаете ли вы, что...
JavaScript поддерживает асинхронное программирование с использованием промисов и асинхронных функций.
Я думаю, вы также можете добиться этого с помощью фиксированного модального окна.
Внутри вашего основного компонента:
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;
}