使用validateFields检查字段是否为空。
import React from "react";
import ReactDOM from "react-dom";
import "antd/dist/";
import "./";
import { Select, Button, Form } from "antd";
const Option = ;
class SelectOption extends {
handleTeacherChange = value => {
(value);
// (["Dropdown2"]);
};
handleCourseChange = value => {
(value);
// (["Dropdown1"]);
};
updateClick = () => {
const { getFieldValue, validateFields } = ;
const dropdown1Value = getFieldValue("Dropdown1");
const dropdown2Value = getFieldValue("Dropdown2");
if (dropdown1Value === "Select" && dropdown2Value !== "Select") {
validateFields(["Dropdown1"]);
}
if (dropdown1Value !== "Select" && dropdown2Value === "Select") {
validateFields(["Dropdown2"]);
}
};
render() {
const { getFieldDecorator } = ;
return (
Shishu Bharathi
Teacher List :
{getFieldDecorator("Dropdown1", {
initialValue: "Select",
rules: [
{ required: true, message: "Select the teacher" },
{
validator: (rule, value, callback) => {
("value", value);
if (value === "Select") {
callback("Select the teacher");
}
callback();
}
}
]
})(
style={{ width: 120 }}
onChange={}
>
Vikram
Ramesh
)}
Course List :
{getFieldDecorator("Dropdown2", {
initialValue: "Select",
rules: [
{ required: true, message: "Select the course" },
{
validator: (rule, value, callback) => {
if (value === "Select") {
callback("Select the course");
}
callback();
}
}
]
})(
CUL1A
CUL1B
)}
Update
);
}
}
const A = ()(SelectOption);
(, ("container"));