Реагировать Практично

Иконки

Сначала установите значки реакции.

npm install react-icons --save

Выберите нужный значок и используйте метод функции для его вызова.

import React from 'react';
import { DiApple } from "react-icons/di";
function Icons(props) {
   return (
     <div>
       <DiApple />
     </div>
   );
}

ссылка: https://react-icons.github.io/react-icons

Окно уведомлений

npm install react-toastify

Мы можем изменить положение на BOTTOM_LEFT.

Мы можем изменить autoClose на false

Советы

Установить

# npm
npm i @tippyjs/react

Диаграмма

Установить диаграмму.js

npm install --save react-chartjs-2 chart.js