Mobx Form React. React-select не меняет значение при клике.

Я новичок в 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 fields = {

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

Когда я регистрирую значение при изменении, значение всегда корректно, но в поле "Выбор" не отображается значение выбранного значения. Когда я ввожу значение в другое поле ввода в той же форме, что и время, выбор обновляет значение. Я использую mobx-форму и validation.js

0 ответов

Другие вопросы по тегам