mobx-react

0熱度

1回答

目前我正在使用mobx <Provider store={store} />，其中商店包含所有有可觀察性的mobx商店類。內部組件的訪問它使用 @inject("store") @observe class MyComponent .... 但是，這意味着，如果我要訪問只是通知商店，我不得不this.props.store.notification.message它例如，這會變得非常冗長

0熱度

1回答

Mobx反應永不更新

我試圖瞭解React中的mobx實現。我使用create react app並更新默認配置以使用裝飾器。然後，我創建了一個簡單的店是這樣的：編輯：後奔兔（！感謝他）回覆我更新了我這樣的代碼： index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; impor

1熱度

1回答

Mobx返回空對象

我想在React項目中使用Mobx（使用Meteor）並使用mobx-react創建全局通知存儲。我嘗試初始化模塊，但我不知道爲什麼它返回一個空對象： import { observable } from 'mobx'; class NotificationStore { @observable notifications = ['test', 'new notification'

2熱度

1回答

如何將商店注入到mobX的另一家商店

我正在使用mobX與React和Meteor結合使用，我需要能夠使用另一個商店中保存的信息。具體來說，我需要在Store B中引用Store A，以便調用Store A的操作並通過訂閱集合來獲取它檢索到的信息。我使用@inject裝飾器，但不知道如何調用動作。謝謝

0熱度

2回答

React Router v4/Mobx出現問題

當我點擊我的按鈕時，我無法讓路由工作。我使用mobx-react-router import plannerStore from './PlannerStore'; import { RouterStore } from 'mobx-react-router'; const routingStore = new RouterStore(); const stores = { p

0熱度

1回答

如何通過生成的項目使用巴貝爾裝飾器mobx創建反應的應用程序內

我創建了一個項目create-react-app和安裝mobx，並當我在我的項目，我用這個簡單的狀態類總是mobx反應的模塊下面有這個錯誤。 import {autorun, observable} from 'mobx' export default class AppState{ @observable teams =[] @computed addNewTeam(

0熱度

1回答

mobx裝飾者不能與Typescript一起工作

我剛開始開發一個新項目，在這個項目中，我使用mobx作爲反應網絡應用程序和react-native移動應用程序之間的共享狀態管理核心模塊。核心模塊使用typescript，它被兩個應用程序項目編譯和使用。我的問題是當商店中的@observable屬性（來自核心模塊）發生更改時，兩個項目中的組件均不重新渲染。當我在每個項目中使用相同的定義和邏輯創建存儲時，組件將按預期進行重新呈現。我還將核心模

1熱度

1回答

測試狀態值之後許諾解決

鑑於 onSubmit(e) { e.preventDefault(); const { userStore, data } = this.props; this.setState({isLogin: true}); const promise = userStore.login(data); promise.then(() => {

0熱度

1回答

反應菜單項懸停

我試圖將React MobX懸停在列表項上。這裏是我的代碼 export default observer( class SidebarContent extends React.Component { constructor(props) { super(props); } componentWillMount() { this.props.s

0熱度

1回答

子陣列更改/刪除Mobx反應

如何對數組中的變化做出反應？不執行 var todos = mobx.observable([ { title: "Make Pasta", subtasks: [ { title: 'Pasta' }, { title: 'Salt' }, ] }, { title: "M