mobx -商店上的视图逻辑
mobx是一个简单、可扩展的状态管理库，用于管理JavaScript应用程序中的状态。它主要用于前端开发，特别适用于React应用程序。
mobx的核心概念是可观察的状态（observable state）、派生状态（computed state）和动作（actions）。可观察的状态是应用程序中的数据，可以被观察和监听。派生状态是基于可观察状态计算得出的数据，它们会自动更新，以保持与可观察状态的同步。动作是修改可观察状态的方法，确保状态的变化是可追踪和可控制的。
mobx的优势包括：
- 简单易用：mobx提供了简洁的API，使得状态管理变得简单易懂，降低了开发复杂性。
- 响应式更新：mobx使用观察者模式，当可观察状态发生变化时，自动更新相关的派生状态和视图。
- 高性能：mobx使用了优化算法，只更新发生变化的部分，避免了不必要的重渲染，提高了应用程序的性能。
- 可扩展性：mobx支持插件和中间件，可以根据需求扩展其功能，满足不同场景的需求。
mobx的应用场景包括：
- 复杂的前端应用程序：mobx可以帮助管理复杂的前端应用程序中的状态，提高代码的可维护性和可测试性。
- 实时数据展示：由于mobx的响应式更新机制，它非常适合用于实时数据展示的场景，如股票行情、实时监控等。
- 表单处理：mobx可以简化表单处理的逻辑，使得表单状态的管理更加容易。
腾讯云提供了云原生相关的产品和服务，其中与mobx相关的产品可能包括：
- 云函数（Serverless Cloud Function）：云函数是一种无服务器计算服务，可以用于处理mobx的动作，实现后端逻辑。
- 云数据库（TencentDB）：云数据库提供了可扩展的数据库服务，可以用于存储mobx的可观察状态和派生状态。
- 云存储（COS）：云存储是一种可扩展的对象存储服务，可以用于存储mobx应用程序中的静态资源。
以上是对mobx的概念、优势、应用场景以及腾讯云相关产品的简要介绍。更详细的信息和产品介绍可以参考腾讯云官方网站。
相关·内容
1回答
我已经玩了很长一段时间了，我不确定这是不可能的，还是我只是在ES6、React或MobX中缺少了一些基本的东西。
我想有一个mobx商店在一个单独的文件，如下所示；
import { observable, action } from 'mobx';
export default class Store {
@observable data = [];
@action getAll(){
this.data = [{
itemTitle: 'Item One'
},{
itemTitle: 'Item Two'
浏览 1提问于2017-02-09得票数 3
回答已采纳
2回答
我使用mobx创建了一个商店，如下所示：
import {extendObservable} from 'mobx';
class InfluencerFeedStore {
constructor() {
extendObservable(this, {
data: []
});
}
setData(items = []) {
this.data = items;
}
}
export default new InfluencerFeedStore();
然后我在我的
浏览 6提问于2016-12-01得票数 4
回答已采纳
我很难理解Provider和@inject在mobx-react/native包中的角色。
大多数使用mobx Provider的示例都使用它来提供全局存储。如下所示：
import { Provider as MobXProvider, observer } from 'mobx-react/native';
import myStore from './stores/myStore.js'
@observer
export default class App extends Component{
render() {
return(
浏览 17提问于2018-03-05得票数 2
回答已采纳
1回答
当使用带有颤振的清洁架构时，我们看到一个类似于此的图表：
(我编写了MobX包作为示例，但它可以是任何类似于BLoC、Redux.)
这个图可能有问题，因为商店位于表示层，负责更改状态。
假设应用程序通过一个在TodosStore中实现的名为"getTodos“的方法加载了一个待办事项列表。"getTodos“实现可以是：
_state = State.loading();
final result = GetTodos();
_state = State.done();
(我把事情简单化了)
它首先将状态更新为加载，然后调用一个返回列表的用例，并将状态设置为d
浏览 0提问于2021-03-18得票数 6
1回答
我正在用MVC模式和mobx为应用程序状态管理构建一个购物应用程序。
目前，我有一个mobx商店的购物车项目和一个商店的手推车控制器。
cart控制器有一个购物车项的ObservableList，问题是我不知道是否有一种方法可以观察购物车条目上的变化。
例如，我想观察cartItem.title或cartItem.total。
有什么方法可以用ObservableList跟踪吗？可观察列表的.observe()方法是什么？(认为文件对我来说不清楚)
更新:示例代码
就像我说的那样，我要买一瓶肥皂，一瓶是买手推车的，另一种是买手推车。
购物车商店中的：
import 'package:m
浏览 1提问于2020-04-30得票数 1
1回答
我已经使用MobX和Redux大约6个月了。我发现对于大多数应用程序来说，我更喜欢MobX的简单性。但是，我喜欢Redux的单一商店概念。我听过其他人的评论，他们用MobX创建了一个单一的故事，我正试图确定最好的方式。目前，我创建了多个商店，然后将它们导入到单个商店中。
class UiStore {
@observable uiData;
constructor() {
this.uiData = {}
}
@action updateUI = (data) => {
this.uiData = {
data: data
};
浏览 4提问于2017-03-30得票数 13
回答已采纳
2回答
我在mobx + react上有一个非常大的应用程序，其中许多组件在商店中调用相同的操作。例如，“删除照片”，可以从照片列表中调用，也可以从模式中调用。但是在执行动作之前，例如，我必须显示一个确认模式...
我以这个解决方案结束，但是看起来我把数据登录和视图逻辑混在一起了……
class PhotoStore {
@observable photos;
@action destroy(photo) {
if (currentUser.isGuest) {
modalStore.open('NoGuest')
return
}
浏览 8提问于2016-09-25得票数 2
我正在使用react + mobx + mobx-react库。我已经创建了mobx商店来存储应用程序设置(appSettingsStore)。我的react应用程序有两个组件，即AppHeader和AppBody。AppHeader具有dropdown，且onChange值存储在mobx中。在我的AppBody组件中，我调用API来获取componentDidMount格式的数据。AppBody组件被包装在路由器上，当AppHeader下拉列表中的值发生变化时，不同的页面会有不同的API调用。
我想在每次更改下拉列表中的选择时调用AppBody组件中的API。有没有办法可以在componen
浏览 26提问于2020-05-17得票数 0
回答已采纳
1回答
我有一个Mobx商店，我在提供者内部通过这个商店，当我安慰this.props时，它显示了Mobx存储的结构。
下面是我的Mobx商店
import { observable, computed, action, useStrict, runInAction, toJS } from 'mobx';
// useStrict(true);
class OpenPropertiesStore {
@observable openProperties = {};
@action
fetchOpenProperties() {
fetch(`http://
浏览 2提问于2019-01-29得票数 0
这个在反应上是小菜一碟。如果您希望您的MobX存储在任何React组件中可用，只需使用mobx-react @inject组件即可。类似于：
import React from 'react';
import {inject} from 'mobx-react';
@inject('myStore')
class Dummy extends React.Component {
然后，我的商店可以作为道具：
this.props.myStore.myMethod();
好，方便..。只会做出反应。也许我遗漏了一些东西，但我无法从普通的ES6类中找
浏览 2提问于2018-04-16得票数 6
我使用mobx作为我的react本地应用程序的状态管理，我正在修改一个简单的I数组，如下所示：
let copyy = userStore.unreadChatIds;
copyy.push(e.message.chat_id);
userStore.setUnreadChatIds(copyy);
不管我收到这个mobx警告，我不知道我为什么要得到它，因为我在我的mobx商店使用makeAutoObservable！
[MobX] Since strict-mode is enabled, changing (observed) observable values without using
浏览 20提问于2022-05-01得票数 0
我有一家mobx商店(AnimalStore)，里面有一张可以观察到的动物清单。此外，我还有两个组件(ParentComponent和ChildComponent)。
在ParentComponent上，我显示的是动物总数，这是从mobx注入商店(animalStore.animals)的可观察列表中得到的。在ChildComponent上，我展示了所有的动物，也是从mobx注入商店(animalStore.animals)可观察到的列表。
在ParentComponent上，我将根据需要为商店设置道具接口。在ChildComponent上，我将商店的道具设置为可选的。
但是，当我试图访问Ch
浏览 2提问于2019-05-23得票数 0
当注册失败时，我想重定向。
我用的是Mobx。
所以这有个问题。
当我搜索重定向时，人们说使用下面的代码。
this.props.history.push("/");
当它在他自己的组件中时，这是有效的。
但在我的例子中，我是在mobx商店的行动内部运行的。
然后，this.props不是路由组件的支柱。
所以我想知道我怎么能读到通过mobx商店的路线的历史。
非常感谢!
// In the mobx store
@action submitSignIn = () => {
axios
.post('auth/join', { em
浏览 0提问于2019-04-11得票数 2
回答已采纳
我正在尝试通过mobx-persist使用AsyncStorage ('@react-native-community/async-storage')持久化。我的实现基本上是这样的：https://github.com/pinqy520/mobx-persist。我可以看到我的存储是水合的(在store本身的构造函数中)。我也可以在我的组件中访问我的商店，但不会在应用程序启动之间保留任何更改。mobx-persist是否适合这样做？我错过了什么？文档是琐碎的、糟糕的和过时的，以及相应的示例(对于任何react-*来说似乎都是非常典型的)。 更新:刚刚注意到在component
浏览 100提问于2019-12-12得票数 0
回答已采纳
2回答
我正试图与MobX合作一个新项目。我是在2017年5月开始的，一切都很顺利。我不得不停止，现在我继续开发它。我不得不制作一个npm install来管理它的工作，但现在，我在商店遇到了一些问题.我依赖于本教程的结构：
这是我的结构：
主index.js
import { Provider } from 'mobx-react';
import Stack from './router';
import stores from './stores';
export default class App extends Component {
浏览 5提问于2017-08-14得票数 4
回答已采纳
1回答
我目前正在尝试创建一个函数，当我的商店中的观察值发生变化时(我正在使用mobx)，应该在我的react组件中触发该函数。 这是我的商店=> class myStore{
@observable myVariable
} 这是我的react组件=> @observer
export default class MyComponent etends React.component {
render(){
//rendering stuff here
}
someFunctionTriggeredByObservableChanged(){ //
浏览 13提问于2019-03-05得票数 1
回答已采纳
当我单击add item按钮时，我会看到添加了一个项目的日志，但视图不会重新呈现。 我的商店： import {observable, action, computed} from 'mobx';
export default class ObservableItemStore {
@observable items = ["Item A", "Item B"];
@computed get myItems() {
return this.items;
}
@action addItem(item)) {
浏览 8提问于2019-04-05得票数 0
2回答
我正在和Typescript和MobX一起学习React。
我的MobX商店喜欢吹嘘。
store: {
child: {
selected: true,
value: 123
}
}
我的组件是
@inject('store')
@observer
class Display extends React.Component<{store: Object}, {}> {
...
render(){
console.log(this.props.store.child.selected); // true
}
}
我能看到
浏览 0提问于2019-02-01得票数 1
回答已采纳
2回答
我在这里使用：React，ESLint，Mobx。
我不确定如何正确设置与提供者传递的mobx商店的PropType。
ESLint给出了一个错误：
在道具验证中缺少eslint存储(react/支柱类型)。
我通过这样的Provider路过一家商店：
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>,
appLocation
);
在App组件中，我使用一个存储值，这是我的mobx存储
import { observable } fro
浏览 4提问于2018-01-09得票数 1
回答已采纳
我知道在更小的组件上使用@观察者对性能有好处。在尽可能多的组件上使用@inject也是合理的吗？显然，以这种方式访问使用过的道具比通过父组件更容易。同时，创建表示性组件也变得困难。几乎所有组件都直接连接到Mobx的商店。但是，即使我们不使用@inject，组件仍然可以使用“观察者”。
所以我的问题是：
如何在Mobx中创建表示组件？或者，在Mobx中可能不需要表示组件。
使用@inject的最佳实践是什么？或者哪些组件与@inject一起合理使用？
如有任何建议，敬请见谅。
浏览 2提问于2017-11-19得票数 1
1回答
我是Mobx的新手，我不知道如何在我的商店中计算一个值。 我在跟踪docs description of using the 'computed' modifier。 下面是我的(精简版) appState： export default class AppState {
constructor() {
/* MOBX STATE */
extendObservable(this, {
// Links
'links': [],
'upda
浏览 24提问于2021-04-11得票数 1
回答已采纳
1回答
我正在尝试开发那个KonvaJ示例：
当克隆存储库时，一切都很好。但是，一旦我将mobx从4.3.1更新到5.15.0，就会出现错误；
错误: MobX注入器:商店‘商店’不可用！确保它是由某个提供者提供的。
有人能帮我解决这个问题吗。谢谢。
浏览 4提问于2019-12-17得票数 0
回答已采纳
1回答
我并不是真正面对一个问题，我更想知道什么是我应该使用mobx和react的最佳方式。所以我的情况是：
我对mobx相当陌生，但我有多年使用react的经验(主要是使用redux)。我的新项目是将mobx-state-tree与mobx-react-lite一起使用，以便将组件与包装组件的函数observer连接起来。我已经建立了一个根商店，里面有多个商店。我现在对此非常热心，但我想提出一些建议：
我是否应该使用redux中非常常见的容器逻辑，这意味着我应该只连接一个“容器”组件，该组件将处理与我的存储的连接，并将其扩展到其子组件？还是应该直接与观察者连接，因为需要从存储区提供数据的组件很多？
浏览 6提问于2020-02-02得票数 3
回答已采纳
1回答
我正在努力使用mobx/mobx- react -lite和react钩子。 在一个类中，我想要更新我的一个商店中的一个属性，但不知何故我无法让它工作。以下是我的存储如何组合的一些示例，以及我想从其中调用我的存储的组件和类。我使用react中的上下文来获取我的钩子组件中的存储，并且工作得很好。 // FooStore import { observable, action } from "mobx";
import ExampleClass from "app/services/exampleClass";
export class FooStore {
浏览 28提问于2019-01-19得票数 6
回答已采纳
2回答
我刚开始尝试mobx-使用商店反应，并想使用一个商店和一个单一的可观察，但甚至不能使这个工作。
使用@observer，我得到了错误Uncaught TypeError: Cannot assign to read only property 'render' of object '#<ProxyComponent>'。
没有它，值就变成1。
我不知道这里出了什么问题，有什么想法吗？
import {observable} from 'mobx'
import {inject, observer} from 'mobx-rea
浏览 0提问于2018-01-17得票数 0
回答已采纳
1回答
我从电子+ react + mobx设置开始，现在想要将RxDB添加到混合设置中。我想也许我可以在商店中处理rxdb的事情(插入/订阅)，但我真的不知道如何处理。 基本上我的问题是： 如何同步我的Mobx商店和我的RxDB？ 目前的代码大致如下： class RecordingStore {
...
constructor() {
database.getDatabase( 'mydb', 'idb').then(async(db) => {
this.db = db
a
浏览 8提问于2018-12-18得票数 0
刚刚开始使用Mobx & React，在更新商店时遇到了麻烦。单击按钮时出现错误，这应该会更新'me‘属性：
Store.js:12 Uncaught TypeError: Cannot set property 'me' of null
我的商店：
import { observable } from 'mobx';
class Store {
@observable me;
constructor() {
this.me = 'test';
}
change_me(){
浏览 3提问于2016-11-20得票数 9
2回答
我正在尝试使用带有Jest的Mobx商店和React测试库来测试我的React组件。
问题是，我对如何为测试注入我的商店没有任何线索。
这是我的简化代码。
StaffInfo.js(component)
import React, { useState } from "react";
import { observer, inject } from "mobx-react";
const StaffInfo = props => {
const store = props.instituteStore;
const [staffs, setS
浏览 2提问于2019-09-30得票数 4
回答已采纳
2回答
我目前正在用Flutter编写一个应用程序，并开始使用MobX重构我的状态管理。由于我有几个商店可以相互通信，所以我尝试按照MobX最佳实践：中的建议“连接”这些商店。
创建一个“根”存储，它将其他存储作为成员保存，每个存储包含对根存储的引用。
由于某种原因，我无法做这件看似简单的事情。我找了很多遍，却找不到答案。
这基本上就是我想要做的：
class StoreA {
final Root _root;
StoreA(this._root);
}
class root {
final StoreA = StoreA(this);
}
飞镖分析器抱怨道：
对“this”表达式
浏览 1提问于2020-01-19得票数 2
回答已采纳
2回答
我已经建立了一个简单的MobX商店的基本的计数器反应应用程序。我能够使用MobX创建一个可观察的makeObservable状态，但是由于某种原因，当我尝试使用makeAutoObservable时，我会得到错误。
Cannot read property 'counter' of undefined
我如何不正确地使用makeAutoObservable？
商店
import { makeAutoObservable, makeObservable, action, observable } from "mobx";
class SampleStore {
浏览 1提问于2021-07-12得票数 3
回答已采纳
1回答
我想用mobx反应和mobx。所以我创建了一个像这样的文件store.ts：
import { observable} from "mobx";
class store {
@observable test= ""; // path des Ws local
}
export default store;
在我的应用程序组件中，我有：
从“../存储/存储”导入存储；从“mobx-react”导入{观察者}；
componentDidMount() {
console.log("Store : "
浏览 0提问于2019-01-15得票数 1
回答已采纳
2回答
看起来Mobx使用未定义的对象数组填充其可观察的属性。如何检查它们是未定义的还是包含值的？
我在Mobx商店有这样的财产：
@observable object: object[] = [];
浏览 2提问于2018-07-04得票数 3
回答已采纳
1回答
我如何在我的反应原生地图中为我的mobx商店启用严格模式，我使用mobx商店以及react上下文API和钩子。在读取文档后，严格模式使其生效，因此我只能在操作中更改可观察状态。 /context/index.js import React from 'react'
import { ThemeStore } from '../stores/ThemeStore.js'
import { PostStore } from '../stores/PostStore.js'
export const storesContext = React.
浏览 58提问于2020-07-24得票数 0
回答已采纳
我在文档中读到mobx react提供了一个名为componentWillReact的新生命周期。但是，我的类似乎只对渲染函数中的mobx更改做出反应。当我的商店改变时，componentWillReact永远不会被触发。
我把“下一个”作为道具送下去。此应用程序不使用mobx inject。
import { observer } from 'mobx-react';
@observer class QuickShopNew extends Component {
componentWillReact() {
console.log(this.pr
浏览 2提问于2017-10-18得票数 2
我想在React项目中使用Mobx (如Redux)创建container。
我不想让inject直接出现在我的组件中，我想要分离我的逻辑/视图代码。
有没有人已经用mobx创建了容器？最佳实践是什么？
我的实际代码：
class CategoriesContainers extends React.Component {
state = {
categories: [],
presentations: []
}
componentDidMount() {
this.fetchCategories();
this.fetchPresentatio
浏览 0提问于2018-01-19得票数 1
使用React测试mobx的新手。我正在测试一个简单的侧面导航栏，在汉堡菜单上打开/关闭。我已经为导航栏设置了一个商店：
export class Store {
toggle = false;
setToggle(bool){
this.toggle = bool;
};
};
decorate(Store, {
toggle: observable,
setToggle: action
});
export default createContext(new Store());
下面是导航栏组件：
export default
浏览 7提问于2020-05-09得票数 2
在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
回答已采纳
需要帮助，请 尝试在版本为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
我试图在Mobx/React应用程序中使用mobx-utils中的createViewModel。
我的商店是：
export class CompanyStore extends StoreExt {
@observable
companyDetails: ICompanyDetails = {}
}
当我在组件中使用'createViewModel‘函数时，如下所示：
function CompanyDetails() {
const { companyStore } = useRootStore()
const test = createViewMo
浏览 2提问于2020-10-29得票数 0
1回答
在运行npm update时，我收到了应用程序示例登录页面的错误。
npm错误！代码ERESOLVE npm错误！ERESOLVE无法解析依赖树npm！npm错误！同时解析:样例登录页面@1.0.0 npm错误！发现: mobx-react@5.4.4 npm错误！节点模块/mobx-反应npm错误！mobx-react@"5.4.4“来自根项目npm错误！npm错误！无法解决依赖: npm错误！同龄人莫克斯-反应“^4.3.5”从伯尼-核心@0.41.4 npm错误！节点模块/伯尼-核心npm错误！伯尼的同行伯尼-核心@“>=0.24.7”来自伯尼-测试-util@0.35.
浏览 1提问于2021-05-18得票数 0
我像下面这样做了mobx商店。
我在store.js中声明了操作类型
import { action, observable } from 'mobx';
export class SignStore {
@observable
UserInformation: {
email: '';
password: '';
};
@action
handleChange = (e: any): void => {
this.UserInformation[e.target.id] = e.target
浏览 0提问于2019-03-24得票数 2
回答已采纳
1回答
Mobx反应测试元件
、、、
快把我逼疯了。测试如何与mobx和useContext反应？我试着用玩笑和酶来做，但是当我尝试
export const HelloWorldView = observer(() => {
const { store } = useHelloWorldController()
const dataStore = store.datastore
return (
<>
<DisplayVersion version={dataStore.versionNumber} />
</&
浏览 3提问于2020-09-15得票数 0
1回答
如果我没有错，无论何时更改日期，视图都应该重新呈现，但似乎存在问题。我是不是漏掉了什么基本的黑帮？或者我期待的是错的？它适用于商店，但不适用于这个日期。
import {observer} from 'mobx-react';
import React from 'react';
import {observable,computed} from 'mobx';
import ReactDOM from 'react-dom';
import { Nav,Icon,Field,Control,Button, Hero, Conta
浏览 2提问于2018-01-07得票数 1
回答已采纳
2回答
我不应该这样做的唯一原因是让react更新视图。
但似乎MobX-react为我做了这些肮脏的工作。我只需要将this.state标记为可观察的，一切都如预期的那样工作。有什么缺点吗？我不想把所有的州都扔进一家大商店。
代码：
const {observable, computed} = mobx;
const {observer} = mobxReact;
const {Component} = React;
@observer
class Form extends React.Component{
@observable state = {
username:
浏览 7提问于2017-03-16得票数 1
回答已采纳
1回答
使用mobx反应可排序的JS
、、、、
我正在构建一个功能组件，它应该使用计算数组(层数组)呈现一个可排序组件(ReactSortable)，该组件来自使用react-sortablejs的mobx store。组件在应用程序加载时呈现，但当通过拖放元素重新排列数组时，我得到以下错误： mobx.module.js:89未捕获错误: mobx由于启用了严格模式，因此不允许在操作之外更改观察到的值。如果要进行此更改，请将代码包装在action中。已尝试修改: LayerStore@23.layersRegistry.9f332395-6bfe-4c3f-a496-8804e1dec490.chosen？实际上，layers数组是从商
浏览 26提问于2020-08-18得票数 2
我试图使用以下库将阿波罗商店与mobx合并。
它只是试图用一个可以观察到的mobx层来包装阿波罗商店，如下所示：
import { action, observable } from 'mobx';
const graphql = config => {
const { client, onError, onFetch, ...opts } = config;
const query = client.watchQuery(opts);
const observableQuery = observable(query.currentResult());
浏览 0提问于2018-03-14得票数 2
回答已采纳
1回答
我正在考虑在我的颤振/飞镖应用程序中使用MobX。
class MyWidget extends StatefulWidget
{
MyWidgetStore _store;
}
class MyWidgetStore extends Store
{
// Listens to the events of the service to then pass them on to the widget via MobX
ServiceLayerWithState _service;
}
class ServiceLayerWithState
{
// this service
浏览 9提问于2022-11-24得票数 0
1回答
MobX商店更新“延迟”
、、、
我有一个简单的标签菜单和一个概述:在概述中，我正在寻找一个商店，一个MobX商店，我正在获取我当前所在的标签，然后以文本的形式显示出来，以查看我选择了哪个标签，问题是文本更新被“延迟”了； 假设当前选择的标签是'A'，如果我点击'B'，文本将仍然显示'A'，但是，如果我点击'C'，它将显示'B‘(即之前选择的标签)，并且它将永远继续； 我没有尝试太多，查阅了一堆MobX的教程，但没有一个是相关的，至少对我的情况不是这样。没有编译错误，所有的东西都像它应该的那样被导入/钩住了(我想)。 这里有一个小方案： ? 对于代码
浏览 19提问于2020-10-28得票数 0
在我的web应用程序的步骤2中，在MobX商店内分配了一个可观察到的字符串值。然后，当触发步骤3组件呈现时，它被呈现为textarea值。
我一直在跟踪的React，以处理textarea值的手动更改，但没有成功。
步骤3功能组件中的textarea (从语义UI导入)：
<TextArea autoHeight
value={ ui_store.final_text_message }
className={ textarea_style }
onChange={ () => update_final_textarea
浏览 1提问于2018-08-11得票数 1
回答已采纳
对我来说，Clean Architecture中的数据转换周期并不完全清楚。
Datasource从本地/外部源接收原始数据，对其进行解析并返回DTO。
存储库使用映射器从该数据创建域模型，并返回到UseCase。
但是UseCase返回到视图的是什么类型的数据呢？
如果领域模型包含一些复杂的逻辑-业务规则检查，那么一些方法等视图就不需要了。存储这些对象的数组是不必要的性能浪费。
但是如果视图将数据转换成它自己的模型--它也会影响性能，因为我们必须迭代一个域模型数组，并将它们转换为视图模型数组。在此之前，我们将数据模型转换为领域模型。也许我什么都不懂)
例如，我执行GetAllPostsUse
浏览 0提问于2020-03-06得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
