title: If I am filling one column then it automatically fills the rest of the drop down
body: <p>So, I have started working on ReactJs. So, the issue that I am facing is that when I am choosing one option in one dropdown then that option gets filled in the rest of the drop down menu as well. I want it to be filled only in the column which I want to fill in. How can I stop the value to be filled in the other dropdown menu? Here is my code.</p>
  
  <pre><code>          &lt;div className="cards-wrap row justify-content-md-center"&gt;
              &lt;div className="col-md-12 col-sm-12 col-xs-12"&gt;
                &lt;div className="prescription-form"&gt;
                  &lt;div className="login-form" style={{ borderRadius: '5px' }}&gt;
                    &lt;div className="pr-login-box"&gt;
                      &lt;Form onSubmit={this.handleSubmit}&gt;
                        &lt;div&gt;
                          &lt;Form.Item label="Start" className="prescription_date"&gt;
                            {getFieldDecorator('start', {
                              rules: [
                                {
                                  type: 'object',
                                  required: true,
                                  message: 'Please select date!',
                                },
                              ],
                            })(&lt;DatePicker /&gt;)}
                          &lt;/Form.Item&gt;
  
                          &lt;Form.Item label="End" className="prescription_date"&gt;
                            {getFieldDecorator('end', {
                              rules: [
                                {
                                  type: 'object',
                                  required: true,
                                  message: 'Please select date!',
                                },
                              ],
                            })(&lt;DatePicker /&gt;)}
                          &lt;/Form.Item&gt;
                        &lt;/div&gt;
                        {this.state.prescriptionItems.map((item, index) =&gt; {
                          return (
                            &lt;div className="new-item" key={index}&gt;
                              &lt;Form.Item
                                label="What"
                                className="prescription_date field_width"
                              &gt;
                                {getFieldDecorator('what', {
                                  rules: [
                                    // {
                                    //     required: true,
                                    //     message: 'Please select Medicine!',
                                    // },
                                  ],
                                })(
                                  &lt;Select placeholder="Select a option"&gt;
                                    &lt;Option value=""&gt;Abhayarishtam&lt;/Option&gt;
                                    &lt;Option value=""&gt;Amritarishtam&lt;/Option&gt;
                                    &lt;Option value=""&gt;Ashtachurnam&lt;/Option&gt;
                                    &lt;Option value=""&gt;Brahmi Ghritam&lt;/Option&gt;
                                    &lt;Option value=""&gt;
                                      Amritotharam Kashayam
                                    &lt;/Option&gt;
                                  &lt;/Select&gt;,
                                )}
                              &lt;/Form.Item&gt;
                              &lt;Form.Item
                                label="When"
                                className="prescription_date field_width"
                              &gt;
                                {getFieldDecorator('when', {
                                  rules: [
                                    // {
                                    //     required: true,
                                    //     message: 'Please select!',
                                    // },
                                  ],
                                })(
                                  &lt;Select placeholder="Select When"&gt;
                                    &lt;Option value="morning"&gt;Morning&lt;/Option&gt;
                                    &lt;Option value="afternoon"&gt;Afternoon&lt;/Option&gt;
                                    &lt;Option value="evening"&gt;Evevning&lt;/Option&gt;
                                  &lt;/Select&gt;,
                                )}
                              &lt;/Form.Item&gt;
                              &lt;Form.Item
                                label="Quantity"
                                className="prescription_date field_width"
                                style={{ width: '15%' }}
                              &gt;
                                {getFieldDecorator('quantity', {
                                  rules: [
                                    // {
                                    //     required: true,
                                    //     message: 'Please select!',
                                    // },
                                  ],
                                })(
                                  &lt;Select placeholder="Select Quantity"&gt;
                                    &lt;Option value="1/2"&gt;1/2&lt;/Option&gt;
                                    &lt;Option value="1"&gt;1&lt;/Option&gt;
                                    &lt;Option value="2"&gt;2&lt;/Option&gt;
                                    &lt;Option value="3"&gt;3&lt;/Option&gt;
                                  &lt;/Select&gt;,
                                )}
                              &lt;/Form.Item&gt;
                              &lt;Form.Item
                                label="Unit"
                                className="prescription_date field_width"
                                style={{ width: '15%' }}
                              &gt;
                                {getFieldDecorator('unit', {
                                  // rules: [
                                  //     {
                                  //         required: true,
                                  //         message: 'Please select!',
                                  //     },
                                  // ],
                                })(
                                  &lt;Select placeholder="Select a option"&gt;
                                    &lt;Option value="ltr"&gt;ltr&lt;/Option&gt;
                                    &lt;Option value="grm"&gt;grm&lt;/Option&gt;
                                  &lt;/Select&gt;,
                                )}
                              &lt;/Form.Item&gt;
                              &lt;Form.Item
                                label="How Often"
                                className="prescription_date field_width"
                              &gt;
                                {getFieldDecorator('often', {
                                  // rules: [
                                  //     {
                                  //         required: true,
                                  //         message: 'Please select!',
                                  //     },
                                  // ],
                                })(
                                  &lt;Select placeholder="Select a option"&gt;
                                    &lt;Option value="after_meal"&gt;After Meal&lt;/Option&gt;
                                    &lt;Option value="before_meal"&gt;
                                      Before Meal
                                    &lt;/Option&gt;
                                  &lt;/Select&gt;,
                                )}
                              &lt;/Form.Item&gt;
                              &lt;Form.Item&gt;
                                {getFieldDecorator('notes')(
                                  &lt;TextArea rows={3} /&gt;,
                                )}
                              &lt;/Form.Item&gt;
                              {/* &lt;input onChange={(e) =&gt; this.handleChange(e, index)} value={item}&gt;&lt;/input&gt; */}
                              &lt;a
                                className="remove"
                                onClick={() =&gt; this.handleRemove(index)}
                              &gt;
                                &lt;Icon type="close-circle" /&gt;
                              &lt;/a&gt;
                            &lt;/div&gt;
                          );
                        })}
                        &lt;Button
                          onClick={e =&gt; this.addprescriptionItem(e)}
                          className="btn"
                          type="primary"
                        &gt;
                          Add Prescription Item
                        &lt;/Button&gt;
  
                        &lt;Form.Item {...tailFormItemLayout} className="form-btn"&gt;
                          &lt;Button
                            className="cl-clone"
                            type="button"
                            htmlType="button"
                          &gt;
                            Cancel
                          &lt;/Button&gt;
                          &lt;Button
                            className="cl-fill btn-h-40 btn-save float-right"
                            type="primary"
                            htmlType="submit"
                          &gt;
                            Save
                          &lt;/Button&gt;
                        &lt;/Form.Item&gt;
                      &lt;/Form&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;````
  </code></pre>