Question

我是React的新手。我正在使用MOBX响应表单，但是我无法选择更改值。我尝试了很多选择。我似乎无法让我的选择反应改变选择变化的价值。我将表单绑定到jsx。

这是我的选择在jsx的顶部，我有一个表单，并且还注入了一个商店：

const topForm = inject('someStore') (observer(({ form ,someStore }) => 
(

..some components …

<select
{...form.$(‘somefield’).bind()}
placeholder='somefield value'
options={options}
onChange={(e) => {
    someStore.selectedValue = e.target.value
 Console.log(someStore.selectedValue )
}}
value={someStore.selectedValue}

>
   .. some dynamically generated data here … 
</select>

)

SomeStore：

import {observable, computed, action, decorate} from "mobx";

class SomeStore {

decorate(SomeStore, {
selectedValue: observable,

});

表单字段： const字段= {

  someInputBox: {
    name: "someInputBox",
    label: "someInputBox",
    placeholder: "someInputBox",
    rules: "required"
  },
somefield: {
   name: "somefield",
   label: "somefield",
   placeholder: "somefield",
   rules: "required",
   options: [/* loaded during runtime */] .  }
};

当我记录更改值时，该值始终是正确的，但是“选择”框未显示该值即所选值。当我以相同的形式在另一个输入框中输入一个值时，此时，选择会更新值。我正在使用mobx-form和validation.js

Mobx Form React。 React-select不会更改点击值。

0 个答案: