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

Question

@4geit/rct-notification-menu-store

---

store class to handle notification menu observables 可以

Demo

使用实时故事书来查看商店的外观 @ http://react-packages.ws3.4ge.it

Installation

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

npm i @4geit/rct-notification-menu-store --save

或者使用 yarn 使用以下命令：

yarn add @4geit/rct-notification-menu-store

2. Depending on where you want to use the store you will need to import the class instance notificationMenuStore or inject it to your project JS file.

如果你愿意在组件中使用它，那么你必须使用 mobx-react 库提供的 inject 装饰器。

例如，如果你想在你的 App.js 组件中使用这个商店，你可以在 JSX 代码中使用 RctNotificationMenuStore 商店，如下所示：

import React, { Component } from 'react'
import { inject } from 'mobx-react'
// ...
@inject('notificationMenuStore')
class App extends Component {
  handleClick() {
    this.props.notificationMenuStore.setVar1('dummy value')
  }

  render() {
    return (
      <div className="App">
        <button onClick={ this.handleClick.bind(this) } >Click here</button>
      </div>
    )
  }
}

如果你愿意在另一个商店类中使用类实例，然后您可以按如下方式导入实例：

import notificationMenuStore from '@4geit/rct-notification-menu-store'

class DummyStore {
  @action doSomething() {
    notificationMenuStore.setVar1('dummy value')
  }
}

3. If you want to use the store class in the storybook, add notificationMenuStore within stories/index.js by first importing it:

import notificationMenuStore from '@4geit/rct-notification-menu-store'

然后在 stores 数组变量中，在列表末尾添加 notificationMenuStore。

4. If you want to use the store class in your project, add notificationMenuStore within src/index.js by first importing it:

import notificationMenuStore from '@4geit/rct-notification-menu-store'

然后在 stores 数组变量中，在列表末尾添加 notificationMenuStore。