Siendo un principiante en el mundo React, quiero comprender en profundidad qué sucede cuando uso {this.props.children}y cuáles son las situaciones para usar el mismo. ¿Cuál es su relevancia en el siguiente fragmento de código? render() { if (this.props.appLoaded) { return ( <div>...
En mi aplicación de reacción, estoy usando axios para realizar las solicitudes de API REST. Pero no puede enviar el encabezado de autorización con la solicitud. Aquí está mi código: tokenPayload() { let config = { headers: { 'Authorization': 'Bearer ' + validToken() } } Axios.post(...
Quiero poder pasar texto con etiquetas HTML, así: <MyComponent text="This is <strong>not</strong> working." /> Pero dentro del MyComponentmétodo de renderizado de, cuando imprimo this.props.text, literalmente imprime todo: This is <strong>not</strong> working. ¿Hay...
Estoy jugando un poco con Material-UI . ¿Hay opciones para crear un diseño de cuadrícula (como en Bootstrap )? Si no es así, ¿cuál es la forma de agregar esta funcionalidad? Hay un componente GridList pero supongo que tiene un propósito
Acabo de empezar a trabajar en un proyecto de React con TypeScript y me pregunto ¿qué debo hacer con los archivos de clase normales? ¿Debo usar archivos .tso .tsxy luego no pude encontrar ninguna razón para no usar el .tsxarchivo todo el tiempo, incluso cuando no es un proyecto de React! ¿Existe...
Todavía soy un novato en React y en muchos ejemplos en Internet, veo esta variación en la representación de elementos secundarios que encuentro confuso. Normalmente veo esto: class Users extends React.Component { render() { return ( <div> <h2>Users</h2>
Estoy probando todas las formas de crear una aplicación de reacción. Lo he intentado con maven y ahora lo estoy intentando con el sistema de compilación crate-react-app de Facebook Incubators. Cuando intenté ejecutar el comando create-react-app my-appen el entorno npm, funcionó en mi sistema...
Parece que no puedo encontrar cómo actualizar los parámetros de consulta con react-router sin usar <Link/>. hashHistory.push(url)no parece registrar parámetros de consulta, y no parece que pueda pasar un objeto de consulta ni nada como segundo argumento. ¿Cómo se cambia la URL de...
Acabo de instalar node.js y cli instalado node.js instalado react-native-cli npm -g react-native-cli Y creó un 'nuevo proyecto'. react-native init new_project y dentro de ese directorio 'new_project', me cansé de ver si el paquete de metro funciona bien. react-native start Pero el comando me...
Recibo el siguiente error cada vez que intento usarlo makeStyles()con un componente con métodos de ciclo de vida: Llamada de gancho no válida. Los ganchos solo se pueden llamar dentro del cuerpo de un componente de función. Esto podría suceder por una de las siguientes razones: Es...
Estoy creando una aplicación que usa webpack-dev-server en desarrollo junto con react-router. Parece que webpack-dev-server se basa en la suposición de que tendrá un punto de entrada público en un lugar (es decir, "/"), mientras que react-router permite una cantidad ilimitada de puntos de...
Cuando ejecuto react-native run-iosla compilación se realiza correctamente, pero aparece el siguiente error. Revisé todo el lugar, pero nada parece funcionar. Usar sudodelante del comando tampoco ayuda. Estoy usando Xcode 7.3, react-native-cli: 0.2.0, react-native: 0.24.1, nodo v5.11.0. === BUILD...
Mientras configuraba React dentro del proyecto Django, encontré este error ModuleBuildError en la compilación del módulo falló (de ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Soporte para la sintaxis experimental...
Estoy empezando a usar Facebook React en un proyecto de Backbone y hasta ahora me va muy bien. Sin embargo, noté algunas duplicaciones en mi código de React. Por ejemplo, tengo varios widgets en forma de formulario con estados como INITIAL, SENDINGy SENT. Cuando se presiona un botón, el...
Lo sé en vainilla js, podemos hacer onclick="f1();f2()" ¿Cuál sería el equivalente para hacer dos llamadas de función onClick en ReactJS? Sé que llamar a una función es así:
Estoy comenzando con React.js y quiero hacer un formulario simple pero en la documentación he encontrado dos formas de hacerlo. El primero está usando Refs : var CommentForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); var author =
Sé que se supone que no debo mutar la entrada y debo clonar el objeto para mutarlo. Estaba siguiendo la convención utilizada en un proyecto de inicio redux que usaba: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated:
Aquí tienes un componente básico. Tanto el <ul>como <li>tienen funciones onClick. Solo quiero <li>que se dispare el onClick , no el <ul>. ¿Cómo puedo conseguir esto? He jugado con e.preventDefault (), e.stopPropagation (), sin éxito. class List extends React.Component {...
¿Es posible obtener la posición de desplazamiento actual o la página actual de un <ScrollView>componente en React Native? Entonces algo como: <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll...
Quiero que mi aplicación ReactJS notifique a un usuario cuando navega fuera de una página específica. Específicamente, un mensaje emergente que le recuerda que debe realizar una acción: "Los cambios se guardan, pero aún no se publican. ¿Hacer eso ahora?" ¿Debo activar esto...