Как изменить позицию оповещения об ошибке в React JS

Question

Я использую react alert для отображения сообщения об ошибке на конечной странице frond, я использую react alert template для печати сообщений об ошибках и успехах

На моей главной странице есть 3 разных раздела, и я хочу, чтобы каждое сообщение об ошибке и успехе было специально напечатано в этом разделе, поэтому я должен изменить положение сообщения об ошибке

Любые лиды, как изменить положение этих сообщений об ошибках и успехах

Я пытался использовать встроенный CSS, но безуспешно

вот мой пример кода, я хочу изменить положение сообщений об ошибках в настоящее время позиция BOTTOM_CENTER

https://codesandbox.io/s/l2mo430lzq

Answer 1

Вы должны проверить раздел: «Отображение оповещений в разных позициях одновременно» в https://www.npmjs.com/package/react-alert.

Answer 2

Вам нужно импортировать 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