Какие хуки реакции эквивалентны этому setState? - PullRequest
Новая
       6

Какие хуки реакции эквивалентны этому setState?

2 голосов
/ 27 мая 2020

Я нашел этот код в react-native-dynamic-search-bar, и я не смог найти способ сделать его с react-native-hooks. 

this.setState({
  query: text,
  dataSource: newData,
});

И в этом вся функция 

  const filterProjectList = (text) => {
    var newData = dataBackup.filter((item) => {
      const itemData = item.name.toLowerCase();
      const textData = text.toLowerCase();
      return itemData.indexOf(textData) > -1;
    });
    this.setState({
      query: text,
      dataSource: newData,
    });
  };

1 Ответ

2 голосов
/ 27 мая 2020

Вы можете использовать useState hook вместо setState

, и вы можете переписать это следующим образом: 

  // yourComponent.js

    import React, {useState} from 'react'

   const yourComp =() =>{
    const [query,setQuery] = useState("")
    const [dataSource,setDatasource] = useState([])

    const filterProjectList = (text) => {
        var newData = dataBackup.filter((item) => {
          const itemData = item.name.toLowerCase();
          const textData = text.toLowerCase();
          return itemData.indexOf(textData) > -1;
        });
        setQuery(text)
        setDatasource(newData)

      };
     ....
     return <div>Hello World</div>
    }
...