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