/Javascript/React/How we can set react select required

How we can set react select required

import React from "react";
import { Form, Select, Button } from "antd";
import "./styles.css";
import "antd/dist/antd.css";
const { Option } = Select;

const AppWithForm = props => {
  const { getFieldDecorator } = props.form;

  const handleSubmit = () => {
    props.form.validateFields((err, values) => {
      if (!err) {
        console.log("Received values of form: ", values);
      } else console.log("form is NOT valid");
    });
  };

  const onChange = value => {
    console.log(`selected ${value}`);
  };

  return (
    <div className="App">
      <Form layout="inline">
        <Form.Item>
          {getFieldDecorator("dropdown", {
            rules: [{ required: true, message: "Please select a person!" }]
          })(
            <Select
              showSearch={false}
              style={{ width: 200 }}
              placeholder="Select a person"
              optionFilterProp="children"
              onChange={onChange}
            >
              <Option value="jack">Jack</Option>
              <Option value="lucy">Lucy</Option>
              <Option value="tom">Tom</Option>
            </Select>
          )}
        </Form.Item>
        <Form.Item>
          <Button type="primary" onClick={handleSubmit}>
            Save
          </Button>
        </Form.Item>
      </Form>
    </div>
  );
};

const App = Form.create({})(AppWithForm);

export default App;

Source: stackoverflow.com

Similar codes

22 votes238 views2 answers
React-bootstrap example
Javascript React
1 vote232 views1 answer
Yup only characters regex validation react
Javascript React
17 votes246 views5 answers
React native icons
Javascript React
12 votes189 views3 answers
React form hook npm
Javascript React
10 votes256 views1 answer
Dimensions react native
Javascript React
0 vote236 views1 answer
Format react code in visual studio code
Javascript React
0 vote262 views1 answer
React grid generator
Javascript React
25 votes242 views6 answers
React native shadow android
Javascript React
1 vote252 views1 answer
React native run ios select simulator
Javascript React
1 vote218 views1 answer
React map component in
Javascript React