v2中生命周期钩子不能嵌套使用

[NexxLuo]

如题，v2中的生命周期钩子不能嵌套使用，比如：onFieldMount中就不能再使用onFieldChange。
这样带来的困扰就是，无法根据schema中的属性配置或者状态值来动态调用自定义钩子。
而1.x版本不会存在这种问题，在2.x中如何解决？

场景1：
https://codesandbox.io/s/relaxed-elion-5qcfm?file=/App.tsx

当一个card组件如果配置了flag为true，所有子级均隐藏时，需要将card组件本身也隐藏。

场景2：
https://codesandbox.io/s/keen-sound-mbv37?file=/App.tsx
当一个input组件配置了flag为true，需要监听一个flag_input的自定义钩子。

[NexxLuo]

重新设计代码满足了需求

[janryWang]

第一个问题的解法

import React from "react";
import {
  createForm,
  onFieldReact
} from "@formily/core";
import { FormProvider, createSchemaField } from "@formily/react";
import { Input, Button, Card } from "antd";
import "antd/lib/input/style";

const form = createForm({
  effects() {
    onFieldReact("input", (field) => {
      if (!form.mounted) return;
      const visible = field.visible;
      field.query("card").take((card) => {
         card.visible = visible;
      });
    });
  }
});

const SchemaField = createSchemaField({
  components: {
    Input,
    Card
  }
});

export default () => (
  <FormProvider form={form}>
    <SchemaField
      schema={{
        type: "object",
        properties: {
          card: {
            type: "void",
            "x-component": "Card",
            "x-component-props": {
              title: "card",
              flag: true
            },
            properties: {
              input: {
                type: "string",
                "x-component": "Input"
              },
              
            }
          },
        }
      }}
    ></SchemaField>
    <Button
      onClick={() => {
        const field = form.query("input").take();
        field.visible = false;
      }}
    >
      hidden
    </Button>

    <Button
      onClick={() => {
        const field = form.query("input").take();
        field.visible = true;
      }}
    >
      visible
    </Button>
  </FormProvider>
);

[NexxLuo]

这种写法貌似没法实现，onFieldReact始终只执行了一次；
https://codesandbox.io/s/kind-fog-kz6hw?file=/App.tsx

[janryWang]

这里其实是有个bug，我后面发版会修掉

[NexxLuo]

beta.31新版本可以了

[janryWang]

第二个问题的解法

effects(){
   customHook(()=>{
     if(form.mounted && form.query('input').getIn('component[1].flag')){
        //...
     }
   })
}