Как проще всего отобразить диалоговое окно подтверждения в реакции и nextjs? ⇐ Javascript

[Anonymous]

react-confirm-lite — это самый простой способ отобразить диалоговое окно подтверждения, если вы разработчик react или nextjs. Вы можете просто использовать его так же, как react-toastify. Вы можете использовать его следующим образом.

Код: Выделить всё

'use client' //If you are using nextjs then add this line
import { confirm, ConfirmContainer } from 'react-confirm-lite'

export default function Page() {
const handleDelete = async () => {
const isConfirmed = await confirm('Are you sure you want to delete?')
if (isConfirmed) {
// Perform deletion
console.log('Item deleted')
}
}

return (

Delete Item


)
}

И он полностью настраиваемый.

Для получения дополнительной информации вы можете посетить эту страницу (react-confirm-lite)[https://www.npmjs.com/package/react-confirm-lite]


Подробнее здесь: https://stackoverflow.com/questions/798 ... and-nextjs