Higher order function for client side searching a term in react.

higher-order-function.jsx

// Higher order function takes a input and return a fitering function
// original source code: https://github.com/wangsongiam/songwang.io/blob/master/src/pages/search.js#L27-L39
// Live Demo: https://songwang.io/search

const searchingFor = term => {
  return function(x) {
    return (
      (x.node.frontmatter.tags &&
        x.node.frontmatter.tags.every(tag =>
          tag.toLowerCase().includes(term.toLowerCase())
        )) ||
      x.node.frontmatter.title.toLowerCase().includes(term.toLowerCase()) ||
      x.node.excerpt.toLowerCase().includes(term.toLowerCase()) ||
      !term
    )
  }
}

class SearchPage extends React.Component {
  // ...
  
  render(){
    return (
      {this.state.pages.filter(searchingFor(this.state.term))}
    )
  }
}