Попытка использовать mobX для замены setState - PullRequest
Новая
       25

Попытка использовать mobX для замены setState

0 голосов
/ 17 апреля 2019

Попытка заменить setState в реакции.Возникли проблемы с изменением значения this.info с помощью наблюдаемого в mobX.Когда я console.log (e.target.name, e.target.value) значение возвращает только одну букву. 

//Login
import * as React from 'react';
import { extendObservable } from 'mobx';
import { observer }  from 'mobx-react';

constructor(props) {
        super(props);

        extendObservable(this, {
            info: {
                username: '',
                password: ';
            }
        })
    }

onChange = (name, value) => {
    this.info[name] = value
}

render(){
    <LoginForm info={this.info} onChange={this.onChange}/>
}

//LoginForm
import * as React from 'react';
import {Form} from "semantic-ui-react";

const onChange = (props) => (e) => {
    props.onChange(e.target.name, e.target.value)
    console.log(e.target.name, e.target.value)
};

const LoginForm = (props) => {
    return (
                    <Form.Input fluid label='username' placeholder='username' name="username"
                                value={props.info.username|| ''}
                                onChange={onChange(props)} type="text" />
                    <Form.Input fluid label='password' placeholder='password' name="password"
                                value={props.info.passoword || ''}
                                onChange={onChange(props)} type="text"/>
    )
}

1 Ответ

1 голос
/ 18 апреля 2019

как насчет попробовать это? изменить информационный объект не значение в объекте 

import { action, extendObservable } from "mobx";
onChange = action((name, value) => {
  this.info = { ...this.info , [name]: value };
});
...