React.js Notificationを簡単に実装できるreact-notification-systemの使い方

React.js Notificationを簡単に実装できるreact-notification-systemの使い方

React.jsのライブラリreact-notification-systemを利用するための簡単なサンプルコードです。

環境

  • OS  CentOS Linux release 8.0.1905 (Core)
  • node V10.16.3
  • npm 6.9.0
  • React 16.12.0

react-notification-systemインストール

react-notification-systemをインストールします。

react-notification-system使い方

src配下のApp.jsを下記のように編集します。

※デザインにmaterial-ui を利用してます。利用手順はこちら

ブラウザから http://プライベートIP:3000にアクセスして、「Notification 」ボタンをクリックすると、 Notificationが表示されます。