Last update to useEffect methods

This commit is contained in:
Adolfo Reyna
2022-11-21 17:25:44 -05:00
parent 7586a20447
commit 5cf38ae6d3
6 changed files with 88 additions and 50 deletions

View File

@@ -12,9 +12,14 @@ const Search = () => {
const [queryTimer, setQueryTimer] = React.useState(0);
useEffect(() => {
let subscribed = true;
API.searchProfiles('').then((data) => {
setProfiles(data.profiles || []);
if (subscribed)
setProfiles(data.profiles || []);
});
return () => {
subscribed = false;
}
}, [])
const onChangeSearch = query => {
@@ -31,7 +36,7 @@ const Search = () => {
return (<ProfileCard profileObj={item} />);
});
return (
<SafeAreaView style={{flex:1}}>
<SafeAreaView style={{ flex: 1 }}>
<Searchbar
placeholder="Search Users"
onChangeText={onChangeSearch}
@@ -41,7 +46,7 @@ const Search = () => {
<FlatList
contentContainerStyle={styles.container}
numColumns={2}
columnWrapperStyle={{justifyContent: "space-evenly"}}
columnWrapperStyle={{ justifyContent: "space-evenly" }}
data={profiles}
renderItem={renderProfile}
keyExtractor={item => item._id}