如何将参数传递给Mobx控制器(颤动)
Mobx是一个用于状态管理的JavaScript库，它可以帮助我们在应用程序中管理和更新状态。在Mobx中，我们可以通过将参数传递给控制器来更新状态。
要将参数传递给Mobx控制器，我们可以按照以下步骤进行操作：
- 首先，确保已经安装了Mobx库。可以通过在终端中运行以下命令来安装Mobx：
- 首先，确保已经安装了Mobx库。可以通过在终端中运行以下命令来安装Mobx：
- 创建一个Mobx控制器类，该类将用于管理状态。可以使用ES6的类语法来定义控制器。例如：
- 创建一个Mobx控制器类，该类将用于管理状态。可以使用ES6的类语法来定义控制器。例如：
- 在上面的示例中，我们创建了一个名为
MyController的控制器类，并定义了一个可观察的状态parameter和一个用于更新状态的动作setParameter。 - 现在，我们可以通过调用控制器的方法来传递参数并更新状态。例如，我们可以调用
setParameter方法并传递一个值： - 现在，我们可以通过调用控制器的方法来传递参数并更新状态。例如，我们可以调用
setParameter方法并传递一个值： - 通过这样做，我们将参数传递给了控制器，并更新了
parameter状态。
这是一个简单的示例，展示了如何将参数传递给Mobx控制器。根据具体的应用场景和需求，我们可以根据需要扩展和调整控制器的功能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯区块链服务（TBCAS）：https://cloud.tencent.com/product/tbcs
- 腾讯云元宇宙解决方案：https://cloud.tencent.com/solution/metaverse
相关·内容
在Mobx (mobx- React )中，我们可以在这样的React组件中“注入”存储：
@inject('store')
@observer class Abc extends React.Component {
}
这导致Abc将store作为类似于this.props.store的prop获得。但是inject如何将store映射到实际的商店呢？
浏览 0提问于2018-04-01得票数 1
回答已采纳
我注意到，useLocalObservable将函数自动放入mobx actions中，就像makeAutoObservable对类所做的那样。
它是否也使getter成为mobx computed值？
import { useLocalObservable } from 'mobx-react-lite';
const state = useLocalObservable(() => ({
isShowDragMeTooltip: false,
showDragMeTooltip() {
this.isShowDragMeTooltip = true
浏览 19提问于2022-09-24得票数 0
回答已采纳
1回答
我是一名Android开发人员，也是Flutter的新手。我真的很喜欢Mobx的工作方式，因为它会记住我安卓的ViewModel。顺便说一句，当我创建一个ViewModel时，我喜欢将它作为一个参数传递给存储库，这样我就可以用不同的数据源来测试它。本地或云)。 所以，这是我现在的课。 import 'package:mobx/mobx.dart';
part 'create_bill_controller.g.dart';
class CreateBillController = _CreateBillControllerBase
with _$C
浏览 22提问于2020-08-24得票数 1
回答已采纳
1回答
我正在尝试创建一个具有复杂的动画点击操作的小工具。为此，我有不同的控制器，例如首先动画到一个特定值，例如onTapDown上的0.5，然后在onTapUp上转发到1.0，但我也想添加控制器，它完全转到1.0，具有不同的持续时间和不同的逻辑。如果我只使用一个控制器，我可以用AnimatedBuilder检查自动设置状态，或者甚至通过在调用setState的控制器更新函数上添加一个侦听器来检查。但据我所知，我不能在多个控制器上做到这一点，AnimatedBuilder不能侦听多个控制器，如果我为每个控制器添加一个侦听器，当多个控制器正在运行时，setState将在同一帧上被多次调用，我认为这会影响
浏览 8提问于2021-05-14得票数 0
需要帮助，请 尝试在版本为react的原生应用程序中使用mobx "react": "17.0.2",
"react-native": "0.65.1",
"mobx": "6.3.2",
"mobx-react": "7.2.0", App.js import { Provider } from "mobx-react";
import { AuthStore } from &
浏览 23提问于2021-08-26得票数 0
1回答
我想使用mobx而不用装饰器。通常我使用mobx包中的decorate，但在这种特殊情况下，我无法找到使其工作的方法。
原始代码：
import { observable } from 'mobx'
import { create, persist } from 'mobx-persist'
class Order {
@persist('object')
@observable
currentOrder = null
}
我试过的是：
import { observable, decorate } from 'mobx&#
浏览 2提问于2018-07-10得票数 4
回答已采纳
1回答
我知道MobX可以检测对象属性何时发生变化(在我们的例子中是myData.name)，但是MobX如何知道User组件取决于 myData.name
class MyData {
@observable name = "John"
}
@observer
class User extends Component {
render() {
// here, User depends on myData.name, but how MobX know??
let { name } = this.props.myData;
浏览 0提问于2018-06-12得票数 2
componentWillUpdate() {
//Axios GET method for getting all the trades
//Adding data of db into mobx store/or syncing data of db and store
axios.get(`http://localhost:8091/trade`)
.then(res => {
this.props.store.arr = res.data;
})
}
这段代码导致我的浏览器崩溃，我的笔记本电脑没有响应。
实际上，每当我试图通过
浏览 0提问于2018-03-25得票数 0
回答已采纳
我在客户端代码中使用MobX，如下所示：
<script src="/js/mobx.umd.js"></script>
<script src="/js/mobx-react/index.min.js"></script>
现在，当我想像下面这样实际使用MobX时，它不起作用，也就是说，我的客户端用户界面不会对可观察到的变量的变化做出反应：
const action=window.mobx.action
const observable=window.mobx.observable
class Store {
浏览 4提问于2017-05-24得票数 0
回答已采纳
我在“控制器”中有错误，它显示未定义的名称“profileNameTextEditingController”。
语言: Flutter/dart
我的活动：
浏览 0提问于2020-05-04得票数 0
import csv
from itertools import groupby
import requests
from gevent.threadpool import ThreadPoolExecutor
def postRequest():
postapi = requests.post(ENDPOINT_URL, json=groups, headers=headers)
pool = ThreadPoolExecutor(max_workers=20)
with open("car.csv", "r") as csv_ledger:
浏览 16提问于2019-04-24得票数 1
我使用knockout lib创建动态用户输入，但是当我提交表单时，服务器端并不包含我最初发送的所有数据；我使用的模型包含一个IEnumerable属性。视图指定模型为ReportModel，而且如果我调试JS，我还能够正确地看到所有字段的fieldValue更改。我也使用Html.BeginForm...为了post表单，在我对控制器的操作中，我只获取第一个字段(总是第一个)，如果它有帮助，我获得的值是正确的(我用输入设置的值)
我的服务器端模型：
public class ReportField
{
public string fieldName {get; set;}
p
浏览 0提问于2014-01-08得票数 0
2回答
假设我有两个React组件Parent和Child，它们都是由Mobx管理的某种状态的@observer。如果子组件在其render方法之外使用了一个observable值，那么父组件的Mobx autorun是否会跟踪该值/observable
谢谢
浏览 3提问于2017-03-22得票数 1
1回答
我在PostgreSQL中编写了一个函数，它有以下代码：
for (i = 0; i < 4; i++)
{
Datum dat_value = CStringGetDatum(inp->str[0][i]);
values[i] = datumCopy(dat_value,
stats->attrtype->typbyval,
stats->attrtype->typlen);
}
输入字符串为{阿尔及利亚、阿根廷、巴西、加拿大
浏览 6提问于2014-06-27得票数 3
回答已采纳
1回答
我有一个MobX存储，它有一个可观察的字符串
@observable
String searchText = '';
@action
Future<List<Contact>> fetchContacts(int offset, String searchText) async {
if (offset == 0) {
_page = 1;
}
final response = await _contactsRepository.getAll(_page,'',{'name': searchText});
print
浏览 15提问于2020-05-22得票数 0
我在试着找到结账的解决方案。这是为我制作的一个定制应用程序，其中用户选择一件T恤，设计，墨水颜色，尺寸等。这是一个纯粹的as3闪光应用程序，最终将在品牌网站上托管。我有API用户名和证书，我目前正在使用一个购买按钮，它使用的代码片段从贝宝HTML按钮代码。//这些是白色Design1产品的“立即购买”按钮的代码片段。
//Listeners
buyTingBtn.addEventListener(MouseEvent.CLICK, buyTINGnow);
//Functions
function buyTINGnow (event:MouseEvent):void
{
var
浏览 1提问于2013-05-16得票数 0
2回答
import {observable} from 'mobx';
let obj = observable({foo: 5});
这将创建一个可观察的对象，该对象具有一个名为foo的属性。如果我知道，
obj.foo = 9;
这一变化将按预期进行跟踪。
但是，我想要覆盖obj的所有值吗？我怎么能这么做？例如，如何将其设置为{bar: 7}
obj = {bar: 7}
显然行不通，因为我刚刚用一个看不见的东西代替了它。
Object.assign(obj, {bar:7})
不会处理掉foo属性。
在mobx中是否存在用于设置整个对象的实用方法？
浏览 0提问于2018-03-08得票数 1
我有这个React组件(使用Mobx、商店等)：
import React from 'react';
import { observable } from 'mobx';
import { observer } from 'mobx-react';
import Counter from './../components/counter';
const CountStore = {
numbr: observable(1),
get by100() {
return this.numbr * 100;
浏览 0提问于2017-05-25得票数 1
如何将get变量传递给Laravel中的控制器？
我有：
$languages = array('zh');
$locale = Request::segment(1);
if (in_array($locale, $languages)) {
App::setLocale($locale);
} else {
$locale = null;
}
Route::group(array('prefix' => $locale), function() {
...
Route::get('/search/{q}'
浏览 0提问于2014-11-22得票数 0
1回答
我结合使用lodash和mobx来检索数据，如下所示： _.get(store, "prop.arr[0].subProp") 运行正常，但在arr为undefined或empty的情况下，mobx会给出警告： Attempt to read an array index (0) that is out of bounds (0). Please check length first. Out of bound indices will not be tracked by MobX 有什么解决方法吗？我不想添加长度检查，我想把它作为一行代码。
浏览 46提问于2019-02-25得票数 0
回答已采纳
让我们在带有React和React Router的应用程序中使用这样的类。
@observer class Module1 extends React.Component {
constructor (props) {
super(props);
//...
}
componentWillMount(){
//...
}
method(){
//...
}
otherMethod(){
//...
}
render() {
return (
<ChildComp bars={thi
浏览 61提问于2016-03-08得票数 20
回答已采纳
Mobx/Mobx状态是不可观察的！
const { observable, when, reaction, intercept, observe, isObservable } = mobx;
const { fromPromise, whenWithTimeout } = mobxUtils;
const promise = fetch('https://jsonplaceholder.typicode.com/todos')
.then(res => res.json())
const result = fromPromise(promise);
con
浏览 1提问于2017-05-24得票数 1
回答已采纳
在超时之后调用mobx ()是否有一种干净的方法，即使谓词不是真的呢？
我可以在setTimeout之后设置一个可观察的，并在谓词中检查这个值，但是这样我就有更多的东西要清理了。什么时候有一个选项参数，但我还没有找到它的文档。
浏览 0提问于2019-02-26得票数 2
回答已采纳
我想从控制台应用程序注册一个用户。如何将用户对象添加到web调用中？
到目前为止，我的做法是这样的。
这是帐户控制器方法。
public async Task<IHttpActionResult> Register(RegisterBindingModel model)
{
if (!ModelState.IsValid)
{
return BadRequest(ModelState);
}
var user = new ApplicationUser() { UserName = m
浏览 4提问于2017-03-27得票数 0
回答已采纳
2回答
无法从mobx导入装饰
、、、
尝试导入错误：'decorate‘不是从'mobx’导出的。我的mobx版本是6.0，我试着把包从mobx改成mobx-react，mobx-react-lite，mobx-decorate.But，但还是不能解决。 提前感谢 Screenshot
浏览 54提问于2020-10-20得票数 6
我正在自学python，我正在尝试创建一个密码生成器。我想要程序做的是，生成一个随机密码并将其保存到文本文件中。我在获取密码以保存到文本文件方面有什么问题。我能够获得一个生成的密码，但是我在text_file file.write( output ) NameError中得到了一个错误代码:虽然我已经定义了输出，但没有定义名称'output‘。如果有人能告诉我我做错了什么，我会很感激的。如果需要更多的信息，请告诉我。谢谢
import random
import string
# Generates a password from random.choice
length = int
浏览 2提问于2020-06-04得票数 0
回答已采纳
我试图找到一个解决方案，如何将文件存储在mobx状态树模型中。但是mobx状态树没有类似于types.file的东西。有人知道如何处理这种问题吗？还是我得另找个解决办法？
浏览 0提问于2018-08-17得票数 2
回答已采纳
我使用mobx状态树，当出现错误而不是AnonymousModel时，我想实际显示存储名。
例如：
const SignupModel = types
.model({
isUsingFacebook: false,
birthday: '',
timeOfBirth: types.maybeNull(types.string),
placeOfBirth: types.maybeNull(types.string),
gender: types.maybeNull(types.string),
password: '
浏览 1提问于2019-07-28得票数 3
回答已采纳
1回答
我曾经使用react + mobx构建应用程序，做商店并将它们传递给提供者，然后注入装饰器。(其中一些应用程序很大，有大量数据、表单、网格……) // store.js
class Store {
@mobx.observable counter = 0;
@mobx.action
increaseCounter = () => {
this.counter++;
}
}
// App.js
class App extends Component {
constructor(props){
super(prop
浏览 8提问于2020-07-08得票数 1
1回答
我以前在java上工作，我是C语言的新手，我面临着一些问题。
在这里，我不断地从一个源接收数据。在达到count 3之后，我需要将count 1到count 3的所有数据传递给另一个函数。
void check_msg_id( uint8_t *recvdata) {
uint8_t buffer1[3];
cnt=0;
buffer1[cnt]=recvdata;
cnt++;
if (cnt==3) {
cnt=0;
}
}
如何将所有计数的数据传递到缓冲区？任何帮助都将不胜感激。提前感谢
浏览 6提问于2018-12-17得票数 1
回答已采纳
如果我的onclick事件看起来像这样：
<input .... onclick="someEvent('blah', '/some/folder/?a=1')" />
应该对?字符进行转义吗？
浏览 2提问于2010-12-30得票数 1
1回答
我正在用MVC模式和mobx为应用程序状态管理构建一个购物应用程序。
目前，我有一个mobx商店的购物车项目和一个商店的手推车控制器。
cart控制器有一个购物车项的ObservableList，问题是我不知道是否有一种方法可以观察购物车条目上的变化。
例如，我想观察cartItem.title或cartItem.total。
有什么方法可以用ObservableList跟踪吗？可观察列表的.observe()方法是什么？(认为文件对我来说不清楚)
更新:示例代码
就像我说的那样，我要买一瓶肥皂，一瓶是买手推车的，另一种是买手推车。
购物车商店中的：
import 'package:m
浏览 1提问于2020-04-30得票数 1
1回答
以下是我的init存储功能：
import React, { FC } from 'react';
import { useLocalObservable } from 'mobx-react';
import { TestStore, ITestStore } from './TestStore';
interface IStoreContext {
testStore: ITestStore;
}
export const StoreContext = React.createContext<IStoreContext&g
浏览 16提问于2022-05-19得票数 1
我正在使用MobX 2.2.2尝试在异步操作中改变状态。我已经将MobX的useStrict设置为true。
@action someAsyncFunction(args) {
fetch(`http://localhost:8080/some_url`, {
method: 'POST',
body: {
args
}
})
.then(res => res.json())
.then(json => this.someStateProperty = json)
.catch(error => {
浏览 5提问于2016-05-31得票数 15
回答已采纳
我有一个React表组件，它通过一个名为TableStore的属性获取数据。此属性是获取行数据的高级抽象：
interface TableStore<RowType> {
getRowIds: () => Array<RowId>;
getRow: (rowId: RowId) => RowType | undefined;
}
interface MaterialTableProps<RowType> {
tableStore: TableStore<RowType>;
}
function Materi
浏览 8提问于2019-07-30得票数 1
回答已采纳
我想将变量$HashOfRandomNumber从我的控制器导入到我的路由。
路由文件
Route::get('password/reset/{HashOfRandomNumber}', 'PasswordReset@reset');
组件文件
class PasswordReset extends Controller
{
public function reset()
{
#other my code...
$HashOfRandomNumber = '912htfr0921fb21fuio'
浏览 0提问于2019-12-13得票数 0
回答已采纳
我正在用Next.js和mobx编写一个web应用程序。如何将每个请求的token (来自cookies)传递给API？有时我应该从浏览器获取它，有时从服务器端获取(上下文对象)。请注意，我在mobx操作(@action)中发出请求。提前感谢！
浏览 12提问于2019-04-13得票数 0
1回答
使用mobX全功能组件
、、、
我刚刚学习了三个月的react和react-native，我对函数组件非常熟悉，因为从第一步开始，我已经在function中写了一个"hello world“，现在我仍然坚持使用function，因为，我读了一些博客，使用hooks，学习类是可选的，所以我决定专注于functional component。但是当我开始学习MobX时，我感到有点困惑和挣扎，尤其是对于store class TodoStore {
todos: Todo[] = []
constructor() {
makeObservable(this, {
浏览 14提问于2021-08-31得票数 1
2回答
我正在尝试理解如何在Mobx中使用可观察数组。
我很难弄清楚为什么会这样：
let entities = observable([]);
entities[0] = "foo";
autorun(() =>{
console.log(entities);
});
写道：
[$mobx: Object]
0: (...)
1: (...)
2: (...)
3: (...)
4: (...)
5: (...)
6: (...)
7: (...)
8: (...)
9: (...)
10: (...)
11: (...)
12: (...)
13: (...)
14: (
浏览 1提问于2016-03-11得票数 12
回答已采纳
2回答
Mobx提供了观察者包，它只与react兼容，它使存储知道数据正在使用，并将在更改时重新运行组件。如何复制mobx观察者支持？
浏览 24提问于2018-01-22得票数 3
我使用的是MobX @观察者和@with路由器(ReactiveRouter-v4)包装页面组件，如下所示
@withRouter
@inject('stores')
@observer
class Page extends Component {
render() {
return (
<div>
<NavBar />
<Header title={this.props.stores.UIStore.title} />
<Switch>
浏览 8提问于2017-07-07得票数 3
使用json视图的控制器将调用与呈现域时调用的控制器方法相对应的json视图。
但是，除了域之外，我希望将控制器参数传递给json视图，以自定义域的呈现方式。
使用这种特性的一个典型示例是以简短或详细的方式显示在索引端点中呈现的域。
如何将控制器参数传递给json视图？
浏览 0提问于2018-10-30得票数 0
回答已采纳
我正在尝试学习如何使用带有React的MobX，我不明白为什么使用提供程序或上下文是必要的，如果持有状态的对象从未改变，只更改其内容。
例如，我在store.js中有一个商店(一个随时间变化的简单计时器)：
import { decorate, observable, action } from 'mobx';
import React from 'react';
class TheTimer {
currentTick = 0; // In seconds since start
tick = () => {
this
浏览 1提问于2019-08-21得票数 26
1回答
目前，我正在使用mobx <Provider store={store} />，其中store包括所有具有可观察性的mobx store类。
在组件内部，我使用以下命令访问它
@inject("store")
@observe
class MyComponent ....
但这意味着，如果我只想访问通知存储，例如，我必须对其执行this.props.store.notification.message操作，这将变得非常冗长。有没有办法只获取通知存储？当我们注入一个字符串"store"而不是object时，我看不到一种方法来重构它。
浏览 1提问于2017-06-18得票数 0
回答已采纳
2回答
如何将多行数据从一个屏幕传递到另一个屏幕，而不重载传递的第一个数据的值？
onPressed: () {
setState(() {
Navigator.of(context).push(MaterialPageRoute(
builder: (context) => new orderpage(
'${widget.productName.toString()}',
浏览 24提问于2020-06-09得票数 0
My Concern
我构建了一个组件PageLayoutSideBar.tsx，它包含两个道具：sideBar + content。此组件将成为插入具有适当样式和sideBar宽度的sideBar和页面的简单方法。如果一个支柱在content中发生变化，那么整个PageLayoutSideBar组件会重新呈现，这将重新呈现sideBar吗？
问题
我如何有效地制作这个组件，使整个组件不会重新呈现？如果一个支柱或数据在ComponentOne、ComponentTwo和/或ComponentThree中发生变化，我不希望重新呈现该ComponentTwo。
PageLayoutSideBar.
浏览 5提问于2021-03-15得票数 0
1回答
我很难理解这段代码在做什么。有人能给我解释一下吗？我看到一些人用它将用户重定向到另一个页面，但是我不理解这里的"['id'=>$data3->id]) ".
下面是完整的代码：(从视图页面)
<a href="{!! route('user.upload.image', ['id'=>$data3->id]) !!}">
控制器(如何将data3传递到视图)：
public function getInfo($id) {
$data3=UserImage::wher
浏览 1提问于2017-10-26得票数 0
回答已采纳
1回答
将道具传递给组件包装器
、、、
我有一个在两个子组件(呈现数据和加载组件)之间切换的高阶组件：，问题是如何将数据组件中发生的加载状态传递给hoc，以便执行条件呈现。
包装器：
function withLoading<Props>(DataComponent: React.FC<Props>, LoadingComponent: React.FC<Partial<Props>>) {
const newComponent: React.FC<Props & { isLoading: boolean }> = (props) => {
con
浏览 4提问于2022-03-01得票数 0
1回答
我正在尝试创建一个带有翻译标签的表单。我不使用AbstractType类，我只想在控制器中声明我的表单：
$form = $this->createFormBuilder($user)
->add('website', 'url', array(
'required' => false,
'label' => 'profession.website.label'
));
如
浏览 3提问于2014-11-10得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
