xxxxxxxxxx
#for debian "kali"
└─# apt install libsqlite3-dev
#in the extracted folder of Python-3.10.2.tgz
#download it from https://www.python.org/downloads/
└─# ./configure --enable-loadable-sqlite-extensions && make && sudo make install
xxxxxxxxxx
# 1. Uninstall current python version
# 2. Install sqlite packages
sudo yum install sqlite-devel libsqlite3-dev
# 3. Reinstall python
xxxxxxxxxx
# Fix Error: on Ubuntu WSL
# from _sqlite3 import *
# ModuleNotFoundError: No module named '_sqlite3'
sudo apt install libsqlite3-dev
# cd into your python installer directory
./configure --enable-loadable-sqlite-extensions --enable-optimizations
# reinstall python
sudo make install
sudo apt update
xxxxxxxxxx
React Toast Plus is a lightweight, customizable toast notification library for React.
Installation
To install react-toast-plus, run:
npm install react-toast-plus
Or with Yarn:
yarn add react-toast-plus
Basic Setup
Wrap your application with the ToastProvider to enable toast notifications:
import React from 'react';
import ReactDOM from 'react-dom';
import { ToastProvider } from 'react-toast-plus';
import App from './App';
ReactDOM.render(
<ToastProvider>
<App />
</ToastProvider>,
document.getElementById('root')
);
Adding Toasts
import React from 'react';
import { useToast } from 'react-toast-plus';
const App = () => {
const { addToast } = useToast();
const showToast = () => {
addToast('This is a toast!');
};
return <button onClick={showToast}>Show Toast</button>;
};
xxxxxxxxxx
import React from 'react';
import { ToastContainer, toast } from 'material-react-toastify';
import 'material-react-toastify/dist/ReactToastify.css';
function App(){
const notify = () => toast("Wow so easy !");
return (
<div>
<button onClick={notify}>Notify !</button>
<ToastContainer />
</div>
);
}
xxxxxxxxxx
React Toast Plus
npm install react-toast-plus
Or with Yarn:
yarn add react-toast-plus
Basic Setup
Wrap your application with the ToastProvider to enable toast notifications:
import React from 'react';
import ReactDOM from 'react-dom';
import { ToastProvider } from 'react-toast-plus';
import App from './App';
ReactDOM.render(
<ToastProvider>
<App />
</ToastProvider>,
document.getElementById('root')
);
Adding Toasts
You can use the useToast hook to add toasts:
import React from 'react';
import { useToast } from 'react-toast-plus';
const App = () => {
const { addToast } = useToast();
const showToast = () => {
addToast('This is a toast!');
};
return <button onClick={showToast}>Show Toast</button>;
};