Reading Class 27 - meron-401n14/seattle-javascript-401n14 GitHub Wiki

Select /

The Select component displays a list of drop-down items. Usually, there will be a placeholder text or a default value for the drop-down. Here are the props for the :

  • title — The value of the title prop be displayed as label of the element.
  • **name **— The name attribute for the element.
  • options — An array of available options. For instance, we are using the to display a drop-down list of gender options.
  • value — The value prop can be used to set the default value of the field.
  • placeholder — A short string that populates the first tag.
  • handleChange — A control function that gets triggered when the input control element's value changes. The function then updates the state of the parent component and passes the new value through the value prop.
⚠️ **GitHub.com Fallback** ⚠️