Ant Design: DatePicker Issue

Asked Mar 11 '19 at 15:13

Active Nov 22 '19 at 06:38

Viewed 819 times

    <Form>
        <Form.Item label="Status">
            <Select
                placeholder= "Select Status"
                value={this.props.clearValues.status}
                showSearch
                onChange={(e) => this.props.handleDropdown(e, "status")}
                >
                    <Option value="jack">Jack</Option>
                    <Option value="lucy">Lucy</Option>
                    <Option value="tom">Tom</Option>
            </Select>
        </Form.Item>
    </Form>

I have select box and I am using placeholder="Select Status" and value={ this.props.clearValues.status } but the problem is when I use both placeholder and value, the placeholder does not appear but when I delete a value, placeholder shows up. (this value is sent from parent component).
I want to use both but how?

edited Nov 22 '19 at 06:38

Ravi Makwana

2,782
1
29
41

asked Mar 11 '19 at 15:13

Rahul Syal

This is basically the placeholder functionality. It appears when the value is not set/deleted by the user. Note: antd will recognize empty string as actual value so you need to use for example undefined as 'empty value' for placeholder to appear. – lankovova Mar 11 '19 at 16:13
initially my value is empty. – Rahul Syal Mar 11 '19 at 16:35
your initial value is empty string? – lankovova Mar 11 '19 at 16:39
yes sir initially its an empty string – Rahul Syal Mar 11 '19 at 16:51
Well, as I said before antd recognize empty string as actual value which blocks placeholder to appear. Try to use `undefined` as "empty" value for Select component. – lankovova Mar 11 '19 at 17:00

Ant Design: DatePicker Issue

0 Answers0