service-website/src/SearchTerm.js

   1 import React, {Component} from 'react';
   2 import PropTypes from "prop-types";
   3
   4 class SearchTerm extends Component {
   5     constructor(props, context) {
   6         super(props, context);
   7         this.state = {
   8             value: '',
   9         };
  10         this.handleChange = this.handleChange.bind(this);
  11         this.handleAddTerm = this.handleAddTerm.bind(this);
  12         this.handleRemoveTerm = this.handleRemoveTerm.bind(this);
  13     }
  14
  15     handleChange(event) {
  16         console.log(event);
  17     }
  18
  19     handleAddTerm(event) {
  20
  21     }
  22
  23     handleRemoveTerm(event) {
  24
  25     }
  26
  27     render() {
  28         return (
  29             <div key={this.props.index} className="search-term">
  30                 <input type="text" onChange={this.handleChange}/>
  31                 <button>Remove</button>
  32             </div>
  33         );
  34     }
  35 }
  36
  37 SearchTerm.propTypes = {
  38     index: PropTypes.number.isRequired,
  39     onAddTerm: PropTypes.func.isRequired,
  40 };
  41
  42 export default SearchTerm;