If youre looking for a complete solution including validation, keeping track of the visited fields, and handling form submission, Formik is one of the popular choices. The following code demonstrates this. The standard way to achieve this is with a technique called controlled components. In these situations, you might want to check out uncontrolled components, an alternative technique for implementing input forms. Something like: Perhaps this method could be added to the docs too? Below is an example of how you could use the createFilter function to customise filtration logic in react-select. Providing an option array to this prop will populate the initial set of options used when opening the select, at which point the remote load only occurs when filtering the options (typing in the control). react React example starter project 5pldn joaki85 react-select (forked) ahmadfarazjutt3 react-select with multi select and select all (forked) jh5ny codesandboxer-example (forked) A simple example deployed using react-codesandboxer brhulla joklcx adityarajtiwari166 Find more examples Step 2 Adding React Select On clicking any of the items (color), you can see the checkbox checked and the similar one gets placed in the box. React Native component used to select a single value from a range of values : 639 : 9: So let us as of now have a short talk on an example of Custom Select Component using HTML, CSS, and JavaScript ( ReactJS). One more element added to the items is a checkbox which you can see right beside them. To remove any of them, simply click on the box again and uncheck the checkbox. privacy statement. Now open your app.js file. At the very first glance, you can simply see a select box at the top left with a white background shade. One more element added to the items is a checkbox which you can see right beside them. For example: Overall, this makes it so that ,