2
Le estas pasando al componente App por props 'en', lo guardas en el estado dentro del constructor. Con lo que debería usarse en un primer momento, pero seguidamente al render en componentDidMount() haces una llamada para guardar en el estado 'es', esto vuelve a ejecutar el render() de forma automática y solo deberías ver la bandera asociada al 'es' si esta ...
respondida el 24 nov. a las 19:58
Orici
5,13422 medallas de oro1616 medallas de plata4444 medallas de bronce
2
No podras acceder a las propiedades de un router si abres otra ventana ya que reactjs maneja la transferencia de datos en memoria.
Si quieres enviar parametros a otra ventana, tendras que enviarlos en la URL y leer los parametros de la url utilizando URLSearchParams cuando cargue la pagina. Esto significaria que tendras que generar un link normal, o ...
respondida el 5 dic. a las 13:33
Einer
17.7k22 medallas de oro1010 medallas de plata3434 medallas de bronce
1
Ya lo resolví a gracias al consejo de Angel Fraga Parodi.
Solucion: Cambiar JSON.stringify(this.state.form) por un FormData:
async subirInfo(e){
e.preventDefault()
let formData = new FormData();
formData.append('color', this.state.form.color)
formData.append('marca', this.state.form.marca)
formData.append('placa', this.state.form.placa)...
respondida hace 2 días
Shassain
3,81544 medallas de oro1616 medallas de plata4343 medallas de bronce
1
El problema que estás teniendo es que crees que el axios.get se va a ejecutar después de que termine la petición axios.post, sin embargo JS no funciona así.
Tu código lo que hará será lanzar la petición post e inmediatamente después hará el get.
Las promesas sirven para esperar una operación asíncrona, y lo que quieras que suceda cuando termine la operación ...
respondida el 5 dic. a las 17:51
Kroneaux Schneider
2,94211 medalla de oro55 medallas de plata1515 medallas de bronce
1
Una solución un poco mas limpia es usando Async/Await, lo cual te permite que sea mas legible y sin la necesidad de un setTimeout lo cual no es nada recomendable.
createTask = async (event) => {
event.preventDefault();
console.log('añadiendo task en bbdd..');
// Añadir tarea en bbdd...
const nombreTask = event.target....
1
var file = file || e.target.files[0],
pattern = /^image/,
reader = new FileReader();
if (!pattern.test(file.type)) {
alert('Formato inválido');
return;
}
reader.onload = () => {
conso.e.log(e)
this.setState({
form:{
...this.state.form,
...
1
Una manera sencilla de hacerlo sería mediante RxJs. Firebase provee una librería para usar RxJs con Firebase, llamada rxfire. Esta librería te permite obtener los documentos y convertirlos a Observables, de manera que puedes transformar los documentos a tu gusto.
import React, { useEffect, useState } from 'react'
import { doc } from 'rxfire/database'
import ...
1
Podemos cortar el resultado de resp.data, esto limitara la renderizacion de los datos.
Para esto ocuparemos el metodo slice(), puedes encontrar mas informacion en esta documentcion
axios.get('https://breakingbadapi.com/api/episodes')
.then(resp =>{
const limit = 6;
this.setState({
// el cero representa desde donde quieres cortar el array.
...
respondida el 28 nov. a las 23:03
Merling Samuel Sobalvarro
63833 medallas de plata1414 medallas de bronce
1
Porque no lo haces así simplemente:
aplicarFiltro(bus) {
if (bus <= 0) {
alert("Seleccione un bus antes de buscar");
return;
}
this.setState({bus}) //Solo si realmente es necesario manejar como estado el bus que se va a buscar
this.props.onBuscar(1 ,3, bus);
}
<tbody>
{this.state.buses.map((dataBus) => {
...
1
Buscando un poco el error arrojado por sentry.io, encontre esta pregunta:(https://stackoverflow.com/questions/22631158/resource-interpreted-as-stylesheet-but-transferred-with-mime-type-text-html-see)
ahi viene la explicacíon y el porque del error ademas de varias opciones de como solucionarlo, para mi funciono, simplemente agregar un slash antes de la ruta ...
1
Como comenta órdago sería la forma más genérica de hacerlo, aunque el problema que tienes en tu código y para ayudarte a entender por qué no te funciona me explico:
<th scope="row">{this.state.count}{this.incrementar}
Aquí estás pasando una referencia a la función, pero no la estás ejecutando (te faltan los "()" ) aún así, si lo hicieras, seguramente ...
1
pues puedes hacer varias cosas, si quieres que sea cada 5 minutos, se me ocurre un setInterval que lance desde el servidor un evento X socket.emit('change-background' al que tu cliente escucha (socket.on(...)) y puedas cambiar el estado setState(...).
Espero que lo entiendas y lo puedas desarrollar, si tienes dudas comenta y amplio la respuesta, lo que no ...
1
Veo algunas cosas que no cuadran en tu código:
Al parecer tu lista en el state es:
state = {
items_local: [
"item numero 1", "item numero 2", "item numero 3"
]}
Y luego quieres pasar el id:
<div className="items-container">
{this.state.items_local.map((item, i) =>
<div>
<li key={i} data-id={item.id}>{...
1
Se me ocurre algo así
this.setState(prevState => ({
...prevState,
items_local: [ ...prevState.items_local.map(item => {
if(item.name === res.data.name){
item.idApi = res.data._id
}
return {...item};
}) ]
}))
como referencia podrías leer el siguiente link donde explican el operador de propagación, que su uso devuelve objetos ...
1
Lo que te está ocurriendo es lo siguiente:
EL objeto inicial es un objeto plano de javascript como se muestra en tu primera imagen, sin embargo en la segunda es un Map().
No veo en tu código donde estás haciendo esa conversión aunque sí veo 2 cosas:
Importas en tu fichero: (aunque no veo donde lo usas)
import {fromJS} from 'immutable'
Cuando lo tratas ...
1
Tu mismo te respondiste jeje, el problema es que en la función componentDidMount declaraste una variable orders, y en ese ámbito orders no es el objeto con tu action, sino que es la porción del state del componente!
Cambiale el nombre al objeto de tus actions (a ordersActions por ejemplo) o al objeto de tu state para arreglar el problema.
1
El problema es más común de lo que parece, muchas veces ocurre que instalas alguna dependencia en una rama y cuando cambias a otra no las tienes disponibles por ejemplo.
Se soluciona como bien comentas en tu comentario de la siguiente manera, desde la raiz del proyecto
rm -rf node_modules && npm i
Con esto eliminas por completo la carpeta e ...
1
Lo ideal sería que crearás contextos más específicos, osea uno para user, otro para form y así...,esto es porqué componentes que estén consumiendo el contexto no serán renderizados por datos que no usan, dándote una mejora en rendimiento en dichos componentes, espero te sea de ayuda
Solo están habilitadas las respuestas de wiki más votadas con una longitud mínima y que no pertenecen a la comunidad
Etiquetas relacionadas
reactjs × 802javascript × 361
nodejs × 66
react-native × 53
redux × 35
firebase × 26
api × 25
webpack × 24
json × 21
ecmascript-6 × 21
html × 20
express × 20
fetch × 20
css × 19
npm × 18
bootstrap × 16
axios × 16
jquery × 14
react-redux × 14
typescript × 13
graphql × 11
html5 × 10
mongodb × 10
array × 8
django × 8