Breaking News: Grepper is joining You.com. Read the official announcement!

redux dispatch input onchange

answered on May 22, 2020 Popularity 7/10 Helpfulness 2/10

answer redux dispatch input onchange

redux dispatch input onchange

Comment

const SearchBar = ({ searchQuery }) => 
  <Card>
    <div className={styles.searchFieldContainer}>
      <div className={styles.field}>
        <input type="text" onChange={(event)=> searchQuery(event.target.value)} placeholder="Search for items or sellers" />
      </div>
      <Button className={styles.searchButton}>
        Search
      </Button>
    </div>
  </Card>

const mapStateToProps = () => {
  return {

  }
} 

const mapDispatchToProps = (dispatch) => {
  return {
    searchQuery: (val) => dispatch(searchQuery(val))
  }
}

export default connect(mapStateToProps, mapDispatchToProps)(SearchBar);

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript

Link to this answer
Share Copy Link