How to read the ArrayItem value from a void component without implementing a custom hook?

[erdemkeren]

I want to access to the actively iterated object data in x-reactions of the ArrayItems.Remove which is a void.

Is that possible?

type FormData = {
    branches: Array<{ id?: number, name: string }>;
}

<SchemaField.Array
    name="branches"
    title="Branches"
    x-decorator="FormItem"
    x-component="ArrayItems"
>
    <SchemaField.Object>
        <SchemaField.Void x-component="Space">
            <SchemaField.String
                x-decorator="FormItem"
                name="name"
                x-component="Input"
            />
            <SchemaField.Void
                x-decorator="FormItem"
                x-component="ArrayItems.Remove"
                x-reactions={(field) => {
                    // Here, I want to access to the current object being iterated
                    // For example: field.visible = !! currentObject.id;
                    field.visible = false;
                }}
            />
        </SchemaField.Void>
    </SchemaField.Object>
    <SchemaField.Void
        x-component="ArrayItems.Addition"
        x-component-props={{
            defaultValue: {
                name: 'New Branch',
            },
        }}
        title="Add Branch"
    />
</SchemaField.Array>

[erdemkeren]

This works:

<SchemaField.Number
    name="id"
    x-decorator="FormItem"
    x-component="ArrayItems.Remove"
    x-reactions={(field) => {
        const state: any = field.getState();

        field.setState({ hidden: !!state.value });
    }}
/>

[dan0314]

[erdemkeren]

I understand using Chinese but at least share a translatable text 👍