/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

1 vote180 views1 answer
Close exit app react native
Javascript React
0 vote153 views1 answer
Sort by string react
Javascript React
0 vote169 views1 answer
Dlowlad the json fiel in react js pretty formate
Javascript React
0 vote143 views1 answer
Eject expo app to android and react native
Javascript React
157 votes355 views6 answers
Create new react app
Javascript React
0 vote155 views1 answer
How to add css based on route react
Javascript React
0 vote153 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
0 vote150 views1 answer
2.When will the validation functions be called in the react js
Javascript React
4 votes145 views1 answer
Reactjs onclick open new page
Javascript React
0 vote151 views1 answer
Expo cli vs react native cli
Javascript React