在此附加一些动态文本.在反应本机中

Question

如何在此之后动态附加或添加文本。

这是我的函数

@observable accountName="John";
@observable accountEmailid="[e-mail]";
@observable accountPassword="john123456";
@action changeValues(text,fieldName){

 this.{{fieldName}}=text;
}

我不想写三个函数来改变值——

- this.accountName,
- this.accountEmailid,
- this.accountPassword.

Answer 1

像这样使用：

this[fieldName]=text;

它等效于 this.propertyname。因此，请将您的代码更改为：

@action changeValues(text,fieldName){
 this[fieldName]=text;
}

Answer 2

@Ved已经为您提供了正确的答案。但我建议你更好地掌握MobX，并考虑以下几点：

const user = mobx.observable({
  accountName: 'John',
  accountEmailId: '[e-mail]',
  accountPassword: 'john123456',
});

这可以提供给组件并通过 props 直接访问，例如通过动作或观察器组件user.accountName。