/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 vote399 views1 answer
React Redux reducer combineReducers exemple
Javascript React
0 vote385 views1 answer
Attempted import error: 'useDispatch' is not exported from 'react-redux'
Javascript React
7 votes311 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote382 views1 answer
Clear React Native TextInput
Javascript React
-1 vote381 views1 answer
React time picker
Javascript React
-1 vote372 views1 answer
Spotify player react
Javascript React
24 votes338 views6 answers
React map
Javascript React
34 votes348 views3 answers
React-router
Javascript React
1 vote368 views1 answer
Inline z-index react
Javascript React
0 vote377 views1 answer
React cam filters
Javascript React