Last active
August 26, 2023 10:31
-
-
Save codigoconjuan/d8811fc30aeb73e3df8529b334924817 to your computer and use it in GitHub Desktop.
Materiales REDUX
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"productos": [ | |
{ | |
"id": 1, | |
"nombre": "Jugo de Zanahoria", | |
"precio": "31111" | |
}, | |
{ | |
"id": 2, | |
"nombre": "Jugo de Naranja", | |
"precio": "1" | |
}, | |
{ | |
"nombre": "Jugo de Naranja", | |
"precio": "300", | |
"id": 3 | |
}, | |
{ | |
"nombre": "Rib Eye 800g", | |
"precio": "200", | |
"id": 4 | |
}, | |
{ | |
"nombre": "Jugo de Fresa", | |
"precio": "200", | |
"id": 5 | |
} | |
] | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
margin: 0; | |
padding: 0; | |
font-weight: 400; | |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", | |
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", | |
sans-serif; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
font-size: 16px; | |
} | |
h1 a { | |
font-size: 1.8rem; | |
} | |
h1 a.text-light:hover { | |
color: white!important; | |
text-decoration: none!important; | |
} | |
.nuevo-post{ | |
font-weight: bold; | |
text-transform: uppercase; | |
} | |
.btn { | |
font-weight: bold; | |
} | |
.form-group label, | |
.list-group-item { | |
font-size: 1.4rem; | |
} | |
.navbar .btn { | |
flex:1; | |
} | |
@media (min-width:768px){ | |
.navbar .btn { | |
flex: 0 1 auto; | |
} | |
} | |
.acciones { | |
margin: 1rem 0; | |
} | |
@media (min-width:768px) { | |
.acciones{ | |
margin: 0; | |
} | |
} | |
.acciones > *{ | |
flex: 1; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<title>React, Redux, React Router DOM</title> | |
<link rel="stylesheet" href="https://bootswatch.com/4/minty/bootstrap.min.css"> |
Hola: El tbody del componente Productos lo tuve que armar así, para quitar un error "Text nodes cannot appear as a child of
<tbody>
."<tbody> {productos.length === 0 ? ( <tr> <td colSpan='3'>No hay productos</td> </tr> ) : ( productos.map(producto => ( <Producto key={producto.id} producto={producto} /> )) )} </tbody>
Gracias Radpi por la respuesta, igualmente no es un error es un warning.
Gracias Profesor
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hola:
El tbody del componente Productos lo tuve que armar así, para quitar un error "Text nodes cannot appear as a child of
<tbody>
."