Set reset button in dropdown list

Question

I'm new to react native. I have made dropdown list but i want one reset button whenever i click it reset the default label. Here is my code of simple dropown list.I want one reset button.

<Picker
  style={{width:'80%'}}
  selectedValue={this.state.PickerValue}
  onValueChange={(itemValue,itemIndex) => 
  this.setState({PickerValue:itemValue})}>
    <Picker.Item label="Select a option" value=""/>
    <Picker.Item label="Html" value="html" />
    <Picker.Item label="Javascript" value="javascript"/>
</Picker>

Craws · Accepted Answer · 2018-11-15T13:04:23.810

2

While I have no experience with Picker, setting the value of your dropdown using a button can be done by doing this:

setDropdownValue = () => {
    document.getElementById("languagePicker").selectedIndex = "0";
};

<button onClick={this.setDropdownValue}>Reset selected picker value</button>

Dont forget to replace:

<Picker
to
<Picker id="languagePicker"

edited Nov 15 '18 at 13:04

answered Nov 15 '18 at 10:21

Craws

576
4
30

which i haven't added yet – shabnam singh Nov 15 '18 at 10:44
I updated my first response, did you mean a solution like that? – Craws Nov 15 '18 at 11:15
no,it's not working i'm getting error of invariant violation. – shabnam singh Nov 15 '18 at 11:48
i just want one reset button, when i click that button it show nothing selected. i want that when i click that button 2 options which i have added not show – shabnam singh Nov 15 '18 at 11:50
For the invariant violation error I would like to link you to this page: [Error invariant violation](https://stackoverflow.com/questions/25026399/uncaught-error-invariant-violation-findcomponentroot-110-unable-to) – Craws Nov 15 '18 at 12:02
thanks,but i just want reset list items onclick button – shabnam singh Nov 15 '18 at 12:03
Is this what you meant? – Craws Nov 15 '18 at 12:26
thanks, for your effort but i want one button suppose reset .i have three options in dropdown list "Select a option","Html","java".onclick of button i want that it show first option i.e "Slecet a option" – shabnam singh Nov 15 '18 at 12:48
Hi @shabnamsingh is everything working correctly? If not, let me know – Craws Nov 16 '18 at 13:12
yes everthing working fine. I just take three state and on reset button i selct the first state. and code is working fine – shabnam singh Nov 19 '18 at 05:17
can you plzz do one more help – shabnam singh Nov 21 '18 at 12:38
Hey @shabnamsingh what is the matter? Do you have another question? – Craws Nov 21 '18 at 13:18
1

yes i'm getting problem in retrieving data from firebase. – shabnam singh Nov 22 '18 at 05:45
1

Here is the link of my question https://stackoverflow.com/questions/53424115/fetch-data-from-firebase – shabnam singh Nov 22 '18 at 05:46
@shabnamsingh unfortunately, I have no experience with React Native or with Firebase so I can help you here. – Craws Nov 22 '18 at 08:34

Set reset button in dropdown list

1 Answers1