Cerrado . Esta pregunta debe estar más enfocada . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que se centre en un solo problema editando esta publicación . Cerrado hace 3 años . Mejora esta pregunta...
Me gustaría establecer el título del documento (en la barra de título del navegador) para mi aplicación React. Intenté usar react-document-title (parece desactualizado) y configurar document.titleen constructory componentDidMount(), ninguna de estas soluciones funciona.
¿Qué hace el npm run ejectcomando? Entiendo lo que hacen otros comandos como iniciar, construir, probar. Pero ni idea de cómo
Inicialicé el i18nobjeto de traducción una vez en un componente (primer componente que se carga en la aplicación). Ese mismo objeto se requiere en todos los demás componentes. No quiero reinicializarlo en todos los componentes. ¿Qué hay alrededor? Ponerlo a disposición del alcance de la ventana no...
Tengo un problema en el que la reproducción del estado causa problemas de interfaz de usuario y se sugirió que solo actualice un valor específico dentro de mi reductor para reducir la cantidad de reproducción en una página. este es un ejemplo de mi estado { name: "some name", subtitle: "some...
Esta es mi situación: en this.handleFormSubmit () Estoy ejecutando this.setState () dentro de this.handleFormSubmit (), estoy llamando a this.findRoutes (); - que depende de la finalización exitosa de this.setState () this.setState (); no se completa antes de que se llame a this.findRoutes...
Estoy mostrando una lista de publicaciones. Para cada publicación, me gustaría representar una etiqueta de anclaje con la identificación de la publicación como parte de la cadena href. render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li...
Tengo un reductor para Clientes, otro para AppToolbar y algunos otros ... Ahora digamos que creé una acción de recuperación para eliminar el cliente, y si falla, tengo un código en el reductor de Clientes que debería hacer algunas cosas, pero también quiero mostrar algún error global en...
He estado jugando con el nuevo sistema de enlace en React 16.7-alpha y me quedo atascado en un bucle infinito en useEffect cuando el estado que estoy manejando es un objeto o matriz. Primero, uso useState y lo inicio con un objeto vacío como este: const [obj, setObj] = useState({}); Luego,...
Estoy usando Axios mientras programo en ReactJS y pretendo enviar una solicitud DELETE a mi servidor. Para hacerlo, necesito los encabezados: headers: { 'Authorization': ... } y el cuerpo se compone de var payload = { "username": .. } He estado buscando en Internet y solo encontré que...
Me gustaría preguntar por qué mi estado no cambia cuando hago un evento onclick. Hace un tiempo busqué que necesito vincular la función onclick en el constructor pero aún así el estado no se actualiza. Aquí está mi código: import React from 'react'; import Grid from
Sin usar la clase, ¿cómo uso PropTypes en el componente funcional sin estado de react? export const Header = (props) => (
Siempre que intento usar un ícono de Font Awesome en React render(), no se muestra en la página web resultante, aunque funciona en HTML normal. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Aquí hay un ejemplo en...
¿Alguna forma de evitar que se /#/muestre en la barra de direcciones del navegador cuando se usa react-router? Eso es con ReactJS. es decir, al hacer clic en los enlaces para ir a una nueva ruta se muestra localhost:3000/#/o localhost:3000/#/about. Dependiendo de la
¿Es posible detectar si la versión actual de React es de desarrollo o producción en tiempo de ejecución? Me gustaría hacer algo como esto: if (React.isDevelopment) { // Development thing } else { // Real thing }
Digamos que tengo un componente de vista que tiene un render condicional: render(){ if (this.state.employed) { return ( <div> <MyInput ref="job-title" name="job-title" /> </div> ); } else { return ( <div> <MyInput ref="unemployment-reason"
Estoy ejecutando lint con mi aplicación React y recibo este error: error JSX props should not use arrow functions react/jsx-no-bind Y aquí es donde estoy ejecutando la función de flecha (adentro onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox...
¿Cuál es la diferencia entre cargadores y complementos en webpack? La documentación de los complementos solo dice: Use complementos para agregar funcionalidades típicamente relacionadas con los paquetes en el paquete web. Sé que babel usa un cargador para las transformaciones jsx / es2015,...
¿Cómo puede lograr un evento de desplazamiento o un evento activo en ReactJS cuando realiza un estilo en línea? Descubrí que el enfoque onMouseEnter, onMouseLeave tiene errores, por lo que espero que haya otra forma de hacerlo. Específicamente, si pasa el mouse sobre un componente muy...
Tengo algunos efectos secundarios que aplicar y quiero saber cómo organizarlos: como un solo uso Efecto o varios efectos de uso ¿Qué es mejor en términos de rendimiento y arquitectura?