如何在 React JS 中更改错误警报的位置
How to Change the position of error alert in React JS
我使用 react alert 在前端页面上显示错误消息，我使用 react alert template 打印错误和成功消息
我的前端页面有 3 个不同的部分，我希望每个错误和成功消息都应该专门打印在该部分中，因此我必须更改错误消息的位置
任何指导如何更改那些错误和成功消息的位置
我尝试使用内联 css 但没有成功
这是我的示例代码，我想更改错误消息的位置
目前位置是BOTTOM_CENTER
您需要导入
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
您应该检查 https://www.npmjs.com/package/react-alert 中的 "Showing alerts in different positions at the same time " 部分。
我使用 react alert 在前端页面上显示错误消息，我使用 react alert template 打印错误和成功消息
我的前端页面有 3 个不同的部分，我希望每个错误和成功消息都应该专门打印在该部分中，因此我必须更改错误消息的位置
任何指导如何更改那些错误和成功消息的位置
我尝试使用内联 css 但没有成功
这是我的示例代码，我想更改错误消息的位置
目前位置是BOTTOM_CENTER
您需要导入
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
您应该检查 https://www.npmjs.com/package/react-alert 中的 "Showing alerts in different positions at the same time " 部分。