6
votos
Ejecución de funciones dinamicamente
Mi propuesta es la siguiente: define las funciones como métodos dentro de un objeto, de este modo podrás acceder a ellas mediantes la notación de corchetes:
const functions = {
...
4
votos
Aceptado
Pantalla en blanco Reactjs + Redux
Lo encontré, en tu store.js tenés el middleware declarado así:
const store = createStoreWithFirebase(rootReducer, initialState, compose(
reactReduxFirebase(firebase),
window....
3
votos
Ejecución de funciones dinamicamente
Una posible forma es usando eval:
const func = [{action: "doSetLibraryTreeData", data: [1,2,3]},
{action: "doSetSource", data: [4,5,6]},
{action: "doSetFunctionDefinitionList", data: [7,8,9]}];
...
2
votos
Pantalla en blanco Reactjs + Redux
Al habilitar la extension se vuelve una exigencia para correrlo bien, comenta las lineas antes de compilar, quedaria una cosa asi:
// en caso de que no esté instalada la extension de redux comentar
...
2
votos
Aceptado
Confusión para integrar React y Redux
El primer error que noto es que en actions/users estás haciendo un export default y en el index lo requieres como: import { createUser } f... cuando lo ideal es que si al requerirlo va a ser de esa ...
2
votos
Aceptado
Incrementar cantidad a variable en redux
Problema
Estas inicializando un array vacio cada vez que entra en el else. Luego buscas dentro del state, por eso no te falla al añadir una cantidad pero sí al añadir un nuevo item.
Seguramente esto ...
2
votos
Aceptado
Problemas con Promises dentro de Array.map() (JS)
Este es un error bastante común cuando se trata con la asincronicidad en Javascript, y no es muy sencillo de explicar, lamentablemente.
Lo que realmente hace keyword await es reservar un espacio en ...
2
votos
Problemas con Promises dentro de Array.map() (JS)
No necesitas el await dentro de tu promise, puesto que al usar await no puedes usar .then y .catch si no directamente recibir una respuesta o un error, es decir, cuando tu no usas await tendrias que ...
1
voto
Aceptado
agregar DevTools Extension a Redux
Por si alguno tiene el mismo problema, lo resolví así
export default function configureStore(persistedState) {
const store = createStore( rootReducer, persistedState, composeWithDevTools(
...
1
voto
Aceptado
React - Dos componentes dentro de otro
Si usas import Footer from "./components/layout/footer.js"; le estás indicando con ./ que la ruta es relativa a la ruta donde se encuentra el archivo actual. Como list-cars.component.js se encuentra ...
1
voto
Aceptado
Porque obtengo este resultado usando Redux?
Los métodos dispatch se comportan como cualquier otra función en JavaScript, se ejecutan en secuencia.
Dicho esto y siguiendo la secuencia del código del OP, primero se ejecuta:
//JS: invoca al metodo ...
1
voto
Aceptado
React - Componente para mostrar productos como hacer columnas
Según la documentación de Bootstrap, el sistema de columnas se corresponde de la siguiente forma:
<div class="row">
<div class="col-sm">col-sm</div>
<div ...
1
voto
¿Cómo saber en cual item hice click para modificar el resto?
Se puede transformar a objeto cada elemento de la lista y agregar dos nuevas propiedades, active y id que serán usadas como bandera boolean e identifcador para cada bótón:
const listData = [
{...
1
voto
Aceptado
Cada vez que se pulsa en un botón, se vuelve a llamar a la misma función para reordenar de manera aleatoria un array en react.js
Entendí que se esta haciendo un re-render por el método shuffleArray(a) por que este cambia el valor de a por el valor aleatorio de a por lo que lo vuelve a renderizar. ¿Cómo podría evitas ese ...
1
voto
Agregar datos en un estado de redux
Ya pude solucionarlo, solamente cambie la data inicial por un array vacio y en el return puse "return [...state, action.payload]"
Queda de la siguiente manera
// constantes
const ...
1
voto
Aceptado
¿como solucionar un "memory leak" en react sin usar hooks?
In branch: front-end
In file: src/containers/Login/index.js
In line 55 of the handleErrors function:
If you comment that line you wouldn't be making a call from an unmounted component.
After the three-...
1
voto
Aceptado
Multipestaña react
Puedes utilizar redux-persist para que el state de redux se guarde en localStorage de manera que se compartirá entre pestañas.
https://github.com/rt2zz/redux-persist
O puedes guardar manualmente el ...
1
voto
Consola del navegador web no muestra Warnings ni Errores REACT
El que maneja y avisa de los warnings es el ESLint, comprueba que en el package.json tienes la configuración:
"eslintConfig": {
"extends": [
"react-app",
...
1
voto
Aceptado
Valor inicial de useState a partir de un parámetro recibido desde un botón (React)
pretendo que me pase el parametro al primer click, pero me lo pasa al
segundo click, porque el estado por defecto es el que prima, Necesito
eso
Usar el hook useState(estadoInicial); no tiene que ver ...
1
voto
Sumar precios desde base de datos - React Redux
Lo pude solucionar con la función reduce.. Comparto abajo la solución.
renderSuma(){
return this.props.gastos.reduce((acc, curr)=> acc + parseInt(curr.precio), 0)
}
1
voto
Aceptado
Usar useDispatch en una función
Para utilizar cualquier hook de react, en este caso el hook "useDispatch" primero debes inicializar el hook dentro del componente de react y no dentro de sus funciones.
Puedes probar ...
1
voto
REACT el código funciona bien, pero aun así me retorna un error que no entiendo
Ok ya lo resolví, aparentemente era un conflicto con la función withRouter() con el que exportaba mi componente, la función es innecesaria a estas alturas, y ahora exporto mi componente sin ella, ...
1
voto
React npm ERR! Failed at the proyect-name@0.1.0 start script. npm ERR! This is probably not a problem with npm
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 ...
1
voto
Consulta de importacion de archivos en react js
Para hacer eso debes meterte con el path resolver de webpack, si estas usando create-react-app debes hacer un reject para poder configurar el webpack que trae puesto, si lo haces, aqui esta una guia ...
1
voto
¿Como obtener datos de un array multi dimensional?
Tu propiedad "season" es un array, por lo tanto debes acceder iterando sobre el mismo:
const seasonName = serie.season[0].name;
En tu componente sería algo como:
<h1>{serie.season[0].name}<...
1
voto
Aceptado
¿Dónde filtrar y construir datos antes de pasarlos a props?
PD: El store actual, esta sobre poblado por malas prácticas, por lo que de ser posible no quiero agregar mas dispatchers, ni actions, ni props al store ya que esta información solo va al final.
Esto ...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
react-redux × 82reactjs × 77
redux × 32
javascript × 26
react-hooks × 17
react-native × 12
react-router-dom × 6
html5 × 2
nodejs × 2
django × 2
firebase × 2
api × 2
djangorestframework × 2
react-navigation × 2
jsx × 2
programación-reactiva × 2
context × 2
html × 1
python × 1
array × 1
json × 1
base-de-datos × 1
express × 1
arraylist × 1
login × 1