React es una biblioteca de JavaScript para crear interfaces de usuario. Utiliza un paradigma declarativo basado en componentes y tiene como objetivo ser eficiente y flexible.

Más sobre reactjs...

Necesito pasar propiedades CSS personalizadas en línea a un componente React (Visor de modelos de Google en esta instancia), combinado con más estilos comunes (ancho de fondo, alto, etc.). Hay bastante .......
25 ene. 2021 a las 16:06
Soy nuevo en redux, estoy tratando de aprender a usar redux ahora mismo Lo que estoy haciendo ahora es intentar obtener datos de la tienda redux Aquí está la sintaxis class Posts extends Component { componentDidMount() { this.props.fetchPosts(); } render() { console.log(this.props.po....
25 ene. 2021 a las 15:06
Cómo mostrar los datos en la imagen usando map loop en reactjs. A continuación se muestra el código de Home.js const Home = () => { const [blogs,setBlogs]= useState([]); useEffect(()=>{ fetch('http://localhost/blog/blogapi/api/v1/posts') .then(res=>{ return res.json() }) .....
25 ene. 2021 a las 14:49
Estoy intentando mostrar el botón "Agregar nuevo" para el último objeto que está vacío. El código que estoy usando es "importar React from 'react'; const MyComponent () => {const data = [{0: {.......
25 ene. 2021 a las 14:14
Tengo ReactJs que está recibiendo respuesta del servidor backend. console.log(content) tiene este aspecto: { "data": { "dataNKS": [ 75670.99, 75654.97, 75943.38 ], "dataMNKS": [ 37835.5, 37827.49, 37....
25 ene. 2021 a las 12:27
Estoy intentando obtener una URL para mi usuario. export default function InvitationLink (){ async function CreateLink(){ await dynamicLinks().buildShortLink( { link:"https://demoproject.com/?invitedby="+user+uid , domainUri....
Sé que este es un problema básico y a menudo recurrente, pero todavía no puedo hacer que funcione. Tengo el siguiente código handleAdd = (event: any): void => { // ... // create new task try { // send data to backend fetch(`/api/tasks?name=${name}&pr....
Me estoy tirando de los pelos tratando de averiguar por qué la lista de enlaces de reacción está cargando la página de error. ¿Alguien podría aconsejarme por favor? es casi una copia directa de un proyecto anterior que funcionó .......
24 ene. 2021 a las 18:21
En este componente cuando cambio el estado, reasigna counter=1 lo que no quiero. Solo quiero que asigne counter=1 solo una vez y luego no lo vuelva a asignar durante la re-renderización. Y no quiero usar useState para counter para resolver este problema. function App() { const [value, setValue....
24 ene. 2021 a las 16:56
import {BrowserRouter , Route} from 'react-router-dom'; import React from 'react'; import HomeScreen from './screens/HomeScreen'; import ProductScreen from './screens/ProductScreen'; function App() { return ( <BrowserRouter> <div className="grid-container"> <header className="row"....
24 ene. 2021 a las 15:56
Estoy actualizando el estado (agregando nuevo objeto a la matriz de estado) en la función de controlador de eventos. const handleIncomingData = (data) => { setState(state => { var _state = state if (_state.someDummyStateValue === 1234) { _state.arr.push({ message: data.message }) ....
24 ene. 2021 a las 14:56
Estoy consumiendo una estructura de datos de contenido, que se parece a esto: { sys: {} fields: { type: 'page', children: [ { sys: {} fields: { type: 'section', children: [ ...andSoOn ] } } ] } } Quiero ....
24 ene. 2021 a las 14:54
Tengo el siguiente código de reacción const [folders, setFolders] = useState([ { id: 1, title: 'name', logo: 'logo', tasks: [ { id: 1, text: 'blaas bla bla', done: true, }, ....
24 ene. 2021 a las 13:44
<script type="text/babel"> const rootElement = document.getElementById("root"); const Element = (firstName, lastName) => { <div> Hello, {firstName} {lastName} </div>; }; <Element firstName="John" lastName="Doe" />; ReactDOM.render(Element, rootEleme....
24 ene. 2021 a las 07:56
Entonces tengo este modal que se abre y muestra los datos de una lista de matrices después de hacer clic en el botón correspondiente a esos datos específicos. Bueno, cuando hago clic en el botón, el código funciona, pero después de un tiempo, obtengo .......
24 ene. 2021 a las 01:48
Soy nuevo en JavaScript y no voy a presentar mi problema actual. Aquí tengo una aplicación React e intento expandirla mediante una función de temporizador. Creé un temporizador (similar a esta pregunta: setInterval en una aplicación React) y el la funcionalidad del temporizador en sí está funcion....
23 ene. 2021 a las 17:13
Tengo problemas con redux / axios. Quiero cambiar la tienda después de que una solicitud de axios sea exitosa y después del cambio de tienda quiero cambiar el estado de la aplicación. Esperaba que el código llegara a mi función, pero eso no sucede, ¡y no estoy seguro de por qué! ¿Es redux asincró....
23 ene. 2021 a las 15:57
Esta es la estructura completa de la carpeta React: Tengo un archivo data.js con algunos datos para poder asignarlo dinámicamente en uno de mis componentes. Al hacer el siguiente código en mi componente Cities.js: import React from 'react'; import {countries} from "../database/data" function co....
23 ene. 2021 a las 13:56
Estoy tratando de ocultar el elemento cuando se hace clic en el botón o cuando se marca la casilla de verificación. Intenté buscar en Google la solución pero no puedo encontrar nada. ¿Alguien puede ayudarme con esto? Quiero ocultar ese primer elemento de menú que tiene entrada en su interior y deb....
23 ene. 2021 a las 12:40
He actualizado mi lista plana de acuerdo con los últimos mensajes recibidos que se representan como componente de Flatlist. Por esa razón, codifiqué el siguiente código, pero este código siempre actualiza el último elemento de la lista plana en lugar de su clave. const [lastMessage, setlastMessag....
23 ene. 2021 a las 12:18
¿Hay alguna forma de bloquear un carácter específico y solo permitir cadenas de la a a la z en reaccionar? lo que quiero es que el usuario solo pueda ingresar a-z, y bloquear otros como [@,.-_] o incluso '' (espacio).....
23 ene. 2021 a las 11:54
Esta es una continuación de mi pregunta anterior. Intenté probar para el caso REGISTER_FAIL. Esto es lo que hice: test("should not register a user", async () => { axios.mockRejectedValue({ status: 500, }); const userInfo = { name: "", email: "", password: "", }; await sto....
23 ene. 2021 a las 11:44
¿Por qué mi intervalo se acelera? Cuando presiono cualquiera de mis botones NextImage () o PrevImage () mi intervalo comienza a acelerarse y la imagen comienza a fallar. ¿Algún consejo o ayuda? Aquí está mi código => //Image is displayed const [image, setImage] = React.useState(1); let ima....
23 ene. 2021 a las 10:46
Estoy intentando configurar el mensaje de error en el estado. Estoy usando react hooks para almacenar mensajes de error. No lo sé, pero no se actualiza. Aquí está mi código, const [code, setCode] = useState(""); const [codeError, setCodeError] = useState(""); .catch((error) => { console.log(....
23 ene. 2021 a las 10:24
Estoy tratando de mostrar algunos datos recibidos a través de la API en la tabla en React Js, los datos se reciben como objetos, por lo que no puedo mapearlos. ¿Cuál sería la mejor práctica en esta situación? Por ahora los datos son .......
23 ene. 2021 a las 06:14