Tag: USE-STATE
Quiero poder cambiar el centro del contenedor del mapa react-leaflet haciendo clic en el contenedor de entrenamiento, que es un objeto que tiene las coordenadas. He compartido todos los estados en los componentes utilizando contextApi. //WorkoutData.js export const WorkoutsData = [ { id: 1, coords: {latitude: 56.27360151291927, longitude:-82.84886256490017}, }, { . . . Read more
Estoy trabajando en una herramienta para construir páginas en mi producto, y estoy utilizando react-dnd para lograr lo que necesito. Hasta ahora he conseguido la funcionalidad básica de arrastrar y soltar, y puedo agregar un solo elemento a mi página, pero estoy teniendo un problema. Cuando arrastro un nuevo elemento . . . Read more
Quiero obtener la dirección y la ciudad para cada array de objetos, pero obtengo la misma dirección y ciudad para todos los objetos. Para el proyecto actual, obtengo las coordenadas haciendo clic en el mapa y usando mapEvents para obtener latlng. Las coordenadas se almacenan en el array de entrenamientos. . . . Read more
Uso useEffect() para obtener una instantánea de Firestore y al mismo tiempo quiero contar un valor: const [counter, setCounter] = useState({ mona: 0, phil: 0 }); useEffect(() => { onSnapshot(q, (snapshop) => { setTasks( snapshop.docs.map((doc) => { if (doc.data().wer === “Mona”) { console.log(“Mona + 1”); // Esto se ejecuta como . . . Read more
Código de React: import { useState } from “react”; export default function IndexPage() { const [text, setText] = useState(“”); const autoComplete = (e) => { setText({ value: e.target.value }); }; return ( <form> <pre><code> <input type=”text” placeholder=”buscar aquí” onChange={autoComplete} /> <button type=”submit” disabled={!text}> encontrar </button> </form> </code></pre> ); } Enlace . . . Read more