[Field] autoUnmount开启时，组件Unmount后，field还能取得这个key

cwtuan commented 4 years ago

Component

Field

Reproduction link

https://riddle.alibaba-inc.com/riddles/27e81388

import React from 'react@16';
import ReactDOM from 'react-dom@16';
import { Input, Select, Range, Field } from '@alife/next@1.x';

class App extends React.Component {
    field = new Field(this, {
        autoUnmount: true,
        onChange: (name, value) => {
            console.log(this.field.getValues());
        }
    });

    render() {
        const {init, getValue} = this.field;
        const layout = {
            marginBottom: 10,
            width: 400
        };

        return (<div>
                        下拉1
            <Select style={layout} {...init('select1', {initValue: 'a'})}>
                <Select.Option value="a">a</Select.Option>
                <Select.Option value="b">b</Select.Option>
                <Select.Option value="c">c</Select.Option>
            </Select><br/>

            输入1
            {
                getValue('select1') == 'a' &&
                    <Input                     
                        {...init('input1', {initValue: "d"}) }
                    />
            }
            <br/>

            输入2
            {
                getValue('input1') == 'd' &&
                    <Input                     
                        {...init('input2', {initValue: "e"}) }
                    />
            }

        </div>);
    }
}

ReactDOM.render(<App/>, mountNode);