estoy usando socket.io u obteniendo precios criptográficos en vivo. da nuevos precios cada 10 segundos. He aplicado la función de búsqueda para obtener el precio en vivo. pero cada 10 segundos, mi función de búsqueda se revierte y vuelve al estado normal.
mi código está abajo
const Item = ({ name }) => { return ( <View style={styles.item}> <Text>{name}</Text> </View> ); }; const renderItem = ({ item }) => <Item name={item.name} />; const App = () => { // this.arrayholder = DATA; const [loading, setloading] = useState(false); const [data, setdata] = useState(""); const [dasta, setdsata] = useState(DATA); const [error, seterror] = useState(null) const [searchValue, setsearchValue] = useState("") useEffect(() => { // setLoading(true); var yui = socket.on("chat", (data) => { setdata(data) }); // console.log(yui.data) }, []); searchFunction = (text) => { const updatedData = data.filter((item) => { const item_data = `${item.name.toUpperCase()})`; const text_data = text.toUpperCase(); return item_data.indexOf(text_data) > -1; }); setdata(updatedData) setsearchValue(text) }; return ( <View style={styles.container}> <SearchBar placeholder="Search Here..." lightTheme round value={searchValue} onChangeText={(text) => searchFunction(text)} autoCorrect={false} /> <FlatList data={data} renderItem={renderItem} keyExtractor={(item) => item.id} /> </View> ); }¿Puedes ayudar por favor? como cuando busco bitcoin, me muestra bitcoin pero después de 10 segundos y muestra todo el nombre de la moneda. también puedes ver aquí promblem
Para mantener un estado de búsqueda actual persistente aunque se agreguen nuevas monedas a la lista, debe llamar a la función de búsqueda con el valor de búsqueda Me gusta
searchFunction(searchValue)después de obtener la última lista de monedas. Como el valor anterior se guarda en searchValue, filtrará nuevamente su lista. Formar mi comprensión sin probar su código. Supongo que está obteniendo nuevos datos en useEffect.
var yui = socket.on("chat", (data) => { setdata(data); });Así que aquí llama
searchFunction(searchValue)Después
setdata(data);O simplemente reemplace su useEffect con
useEffect(() => { // setLoading(true); var yui = socket.on("chat", (data) => { setdata(data); searchFunction(searchValue); }); // console.log(yui.data) }, []);