Preguntas etiquetadas con reactjs

Quiero usar React para agregar componentes varias veces en todo el DOM. Este violín muestra lo que estoy buscando hacer y no arroja ningún error. Aquí está el código: HTML: <div id="container"> <!-- This element's contents will be replaced with the first component. --> </div> <div id="second-container"> <!-- This element's …

107 reactjs 

Tengo un componente React simple que conecto (mapeando una matriz / estado simple). Para evitar hacer referencia al contexto de la tienda, me gustaría una forma de obtener "despacho" directamente de los accesorios. He visto a otros usar este enfoque pero no tienen acceso a esto por alguna razón :) …

107 javascript  reactjs  redux 

Mientras escribo webpack.config.js así module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Y en index.jsximporto un reactmóduloApp import React from 'react'; import { render } from 'react-dom'; import App …

107 reactjs  webpack  webpack-dev-server 

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.

107 javascript  reactjs  dom 

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: …

106 javascript  reactjs  redux 

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 ... ¿Cómo espero a que termine this.setState () …

106 javascript  reactjs  state 

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 ayuda, ya que …

106 reactjs  javascript-globalize 

¿Qué hace el npm run ejectcomando? Entiendo lo que hacen otros comandos como iniciar, construir, probar. Pero ni idea de cómo expulsarlo.

106 reactjs  webpack  create-react-app  react-scripts 

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 AppToolbar. Pero …

105 javascript  reactjs  redux 

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 key={post.id}><a href='/posts/'{post.id}>{post.title}</a></li> }) } </ul> ); ¿Cómo lo hago para que cada publicación …

105 javascript  reactjs 

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({}); …

105 reactjs  react-hooks 

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 'react-bootstrap/lib/Grid'; import Row from …

104 javascript  reactjs  ecmascript-6 

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 el método …

104 javascript  reactjs  http  axios  http-delete 

¿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 ruta.

103 reactjs  react-router 

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 defaultChecked={tile.checked} onCheck={() => this.selectPicture(tile)} style={{position: 'absolute', zIndex: 99, padding: 5, backgroundColor: 'rgba(255, …

103 javascript  reactjs  ecmascript-6  jsx  arrow-functions