Я новичок в 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,
});
Поля формы: постоянные поля= {
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