/Javascript/React/React native sectionlist filter

React native sectionlist filter

searchFilterFunction(text) {

  if( text == undefined || text == '') {
    this.setState({
      sectiondata: this.arrayholder
    })
    return;
  }

  if (text.trim().length > 0) {
      var temp = []
      this.state.sectiondata.map((item) => {
            var dataItem = {};

            var title = item.title;
            var brandData = [];

            item.data.map((searchItem) => {
              let flatName =  searchItem.flat_name
                if (flatName.match(text)) {
                  brandData.push(searchItem);
                }
            })
            if (brandData.length > 0) {

            } else {
              return null;
            }
            dataItem.title = title;
            dataItem.data = brandData;
            temp.push(dataItem);
            this.setState({
              sectiondata: temp
            })
      })

Source: stackoverflow.com

Similar codes

0 vote132 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
0 vote148 views1 answer
Multilone input react
Javascript React
0 vote127 views2 answers
React Calender
Javascript React
10 votes81 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
-2 votes81 views2 answers
React gsap
Javascript React
7 votes129 views1 answer
How to place a line break in react native
Javascript React
0 vote155 views1 answer
React Redux component getById crud exemple
Javascript React
2 votes138 views1 answer
React native image source local file
Javascript React
0 vote168 views1 answer
React open url with button
Javascript React
5 votes148 views3 answers
React default proptypes
Javascript React