如何在React JS中更改错误警报的位置

Question

我正在使用react alert在最后一页上显示错误消息，我正在使用react alert template打印错误和成功消息

我的前端页面有3个不同的部分，我希望每个错误和成功消息都应在该部分中专门打印，因此我必须更改错误消息的位置

任何人都将领导如何更改这些错误和成功消息的位置

我尝试了内联CSS，但没有成功

这是我的示例代码，我想更改错误消息的位置 当前位置为BOTTOM_CENTER

https://codesandbox.io/s/l2mo430lzq

Answer 1

您需要导入 import { positions } from 'react-alert'

之后

const options = { // you can also just use 'bottom center' position: positions.BOTTOM_CENTER, timeout: 5000, offset: '30px', // you can also just use 'scale' transition: transitions.SCALE }

然后在包装器中： <AlertProvider {...options}>

正如对您的问题的回答所说，您应检查https://www.npmjs.com/package/react-alert

Answer 2

您应该选中https://www.npmjs.com/package/react-alert中的“同时显示不同位置的警报”部分。