Question

我想做的是创建一个漂亮的消息框，当我保存某些东西时，它会出现，我可以访问一个状态，告诉我它是否正在加载，但是我似乎无法制造出一个无论您滚动了多少，都会始终显示。

页面很长，因此无论他们在触发该保存功能的按钮上单击的位置如何，我都希望它出现。他们在哪里。

我在此项目中使用了语义UI，并且尝试了其粘性组件，但它只能使组件像50px一样跟随屏幕，我希望该数字是无限的。

感谢每个答案

Answer 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;
}

使组件贴在屏幕上并显示一条消息。反应

1 个答案: