cloud-react icon indicating copy to clipboard operation
cloud-react copied to clipboard

[Field] 使用mobx状态管理器时部分场景更新字段仍无法触发render函数问题

Open rookie125 opened this issue 3 years ago • 0 comments

如何复现 ---描述一下问题 业务场景中使用了mobx后导致Field内部调用setState无法触发render函数更新。

复现源码:

import React from 'react';
import { Field } from 'cloud-react';
import { observer } from 'mobx-react';

@observer
export default class DEMO extends React.Component {
    field = new Field(this)

    onUpdate = () => {
        this.field.setValue('test', '我更新了');
    }

    render() {
        return (
            <>
                <input {...this.field.init('test')} />
                <button onClick={this.onUpdate}>更新</button>
            </>
        );
    }
}

期望的结果 点击更新按钮后输入框中内容变成我更新了

截图

使用环境

rookie125 avatar May 18 '21 06:05 rookie125