score:1

Accepted answer

you can manually set radio fields value null in that function ...
all you have to do is ...

            formref.setfieldsvalue(['label_name(mon)'] : undefined)

try formref.current.setfieldsvalue if you cant't change using upper code.
for functional component you have to take the form reference that is binding using useform() and you have to call setfield method same.

form.setfieldsvalue(['label_name(mon)'] : undefined )

score:1

ant.design/components/form/#components-form-demo-nest-messages check the second example, they have well explained everything you need there

https://codesandbox.io/s/form-methods-antd-4-17-0-alpha-7-forked-ff1uf?file=/index.js:0-2953

check this working example with checkbox

import react from "react";
import reactdom from "react-dom";
import "antd/dist/antd.css";
import "./index.css";
import { form, input, button, select, checkbox } from "antd";
const { option } = select;
const layout = {
  labelcol: {
    span: 8
  },
  wrappercol: {
    span: 16
  }
};
const taillayout = {
  wrappercol: {
    offset: 8,
    span: 16
  }
};

const demo = () => {
  const [form] = form.useform();

  const ongenderchange = (value) => {
    switch (value) {
      case "male":
        form.setfieldsvalue({
          note: "hi, man!"
        });
        return;

      case "female":
        form.setfieldsvalue({
          note: "hi, lady!"
        });
        return;

      case "other":
        form.setfieldsvalue({
          note: "hi there!"
        });
    }
  };

  const onfinish = (values) => {
    console.log(values);
  };

  const onreset = () => {
    form.resetfields();
  };

  const onfill = () => {
    form.setfieldsvalue({
      note: "hello world!",
      gender: "male"
    });
  };

  return (
    <form {...layout} form={form} name="control-hooks" onfinish={onfinish}>
      <form.item
        name="note"
        label="note"
        rules={[
          {
            required: true
          }
        ]}
      >
        <input />
      </form.item>
      <form.item
        name="gender"
        label="gender"
        rules={[
          {
            required: true
          }
        ]}
      >
        <select
          placeholder="select a option and change input text above"
          onchange={ongenderchange}
          allowclear
        >
          <option value="male">male</option>
          <option value="female">female</option>
          <option value="other">other</option>
        </select>
      </form.item>
      <form.item
        nostyle
        shouldupdate={(prevvalues, currentvalues) =>
          prevvalues.gender !== currentvalues.gender
        }
      >
        {({ getfieldvalue }) =>
          getfieldvalue("gender") === "other" ? (
            <form.item
              name="customizegender"
              label="customize gender"
              rules={[
                {
                  required: true
                }
              ]}
            >
              <input />
            </form.item>
          ) : null
        }
      </form.item>
      <form.item
        name="remember"
        valuepropname="checked"
        wrappercol={{
          offset: 8,
          span: 16
        }}
      >
        <checkbox>remember me</checkbox>
      </form.item>
      <form.item {...taillayout}>
        <button type="primary" htmltype="submit">
          submit
        </button>
        <button htmltype="button" onclick={onreset}>
          reset
        </button>
        <button type="link" htmltype="button" onclick={onfill}>
          fill form
        </button>
      </form.item>
    </form>
  );
};

Related Query

More Query from same tag