function SearchForm(props) {
  return (
    <div className="container">
    <form className="search">
      <div className="form-group">
        <label>Search Employee:</label>
        <input
          onChange={props.handleInputChange}
          value={props.search}
          name="search"
          type="text"
          className="form-control"
          placeholder="Search for Employee"
          id="search"
        />
      </div>
    </form>
    </div>
  );
}
// Using the datalist element we can create autofill suggestions based on the props.breeds array
Using the datalist element we can create autofill suggestions based on the props.breeds array
Using the datalist element we can create autofill suggestions based on the props . breeds array
function SearchForm(props) {
  return (
    <div className="container">
    <form className="search">
      <div className="form-group">
        <label>Search Employee:</label>
        <input
          onChange={props.handleInputChange}
          value={props.search}
          name="search"
          type="text"
          className="form-control"
          placeholder="Search for Employee"
          id="search"
        />
      </div>
    </form>
    </div>
  );
}
function SearchForm ( props ) { return ( < div className = "container" > < form className = "search" > < div className = "form-group" > < label > Search Employee: < / label > < input onChange = { props . handleInputChange } value = { props . search } name = "search" type = "text" className = "form-control" placeholder = "Search for Employee" id = "search" / > < / div > < / form > < / div > ) ; }
Using the datalist element we can create autofill suggestions based on the props.breeds array
Using the datalist element we can create autofill suggestions based on the props . breeds array