@4geit/rct-notification-menu-component 中文文档教程

发布于 7年前 浏览 19 项目主页 更新于 3年前

@4geit/rct-notification-menu-component npm version


通知菜单组件显示带有项目菜单的通知按钮 可以使用

Demo

实时故事书查看组件的外观 @ http://react-packages.ws3.4ge.it

Installation

  1. A recommended way to install @4geit/rct-notification-menu-component is through npm package manager using the following command:
npm i @4geit/rct-notification-menu-component --save

或使用 yarn 使用以下内容命令:

yarn add @4geit/rct-notification-menu-component
  1. Depending on where you want to use the component you will need to import the class RctNotificationMenuComponent to your project JS file as follows:
import RctNotificationMenuComponent from '@4geit/rct-notification-menu-component'

例如,如果你想在你的 App.js 组件中使用这个组件,你可以在 JSX 代码中使用 RctNotificationMenuComponent 组件,如下所示:

import React from 'react'
// ...
import RctNotificationMenuComponent from '@4geit/rct-notification-menu-component'
// ...
const App = () => (
  <div className="App">
    <RctNotificationMenuComponent/>
  </div>
)

@4geit/rct-notification-menu-component npm version


notification menu component to display a notification button with item menu

Demo

A live storybook is available to see how the component looks like @ http://react-packages.ws3.4ge.it

Installation

  1. A recommended way to install @4geit/rct-notification-menu-component is through npm package manager using the following command:
npm i @4geit/rct-notification-menu-component --save

Or use yarn using the following command:

yarn add @4geit/rct-notification-menu-component
  1. Depending on where you want to use the component you will need to import the class RctNotificationMenuComponent to your project JS file as follows:
import RctNotificationMenuComponent from '@4geit/rct-notification-menu-component'

For instance if you want to use this component in your App.js component, you can use the RctNotificationMenuComponent component in the JSX code as follows:

import React from 'react'
// ...
import RctNotificationMenuComponent from '@4geit/rct-notification-menu-component'
// ...
const App = () => (
  <div className="App">
    <RctNotificationMenuComponent/>
  </div>
)
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文