Preguntas etiquetadas con reactjs

¿Es posible incrustar el marcado SVG en un componente ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Resultados en el error: Los atributos del espacio de nombres no son compatibles. ReactJSX no es XML. ¿Cuál es la forma más ligera de hacer …

127 javascript  svg  reactjs 

Quiero crear un sistema de chat y desplazarme automáticamente hacia la parte inferior cuando ingrese a la ventana y cuando entren nuevos mensajes. ¿Cómo se desplaza automáticamente hasta la parte inferior de un contenedor en React?

127 reactjs 

Soy nuevo en ReactJS y UI y quería saber cómo hacer una simple llamada POST basada en REST desde el código ReactJS. Si hay algún ejemplo presente, sería realmente útil.

126 reactjs  reactjs-flux  reactjs-native 

Acabo de descubrir que la this.setState()función de reacción en cualquier componente es asíncrona o se llama después de completar la función en la que se llamó. Ahora busqué y encontré este blog ( la operación de mutación de estado setState () puede ser sincrónica en ReactJS ) Aquí descubrió que …

126 javascript  multithreading  asynchronous  reactjs 

Estoy tratando de usar event.stopPropagation () dentro de un componente ReactJS para evitar que un evento click aumente y active un evento click que se adjuntó con JQuery en el código heredado, pero parece que stopPropagation () de React solo detiene la propagación a eventos también adjunto en React, y …

126 javascript  jquery  reactjs 

¿Cómo detecto la pulsación de la tecla Esc en reactjs? Lo similar a jquery $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); Una vez detectado, quiero pasar la información a los componentes. Tengo 3 componentes de los …

126 javascript  reactjs 

Soy un principiante javascript / redux / react construyendo una pequeña aplicación con redux, react-redux, y react. Por alguna razón, cuando uso la función mapDispatchToProps junto con connect (react-redux vinculante) recibo un TypeError que indica que el despacho no es una función cuando intento ejecutar el accesorio resultante. Sin embargo, …

124 javascript  reactjs  redux  react-redux 

Estaba trabajando con create-react-appeste problema y me encontré con este problema Home does not contain an export named Home. Así es como configuro mi App.jsarchivo: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends Component { render() …

123 javascript  reactjs  ecmascript-6  create-react-app 

Ambos tienen Ruta, Enlace, etc. ¿Cuándo usar uno u otro? Estoy realmente confundido sobre dónde usar cada uno. ¿Lado del servidor? ¿Lado del cliente? https://reacttraining.com/react-router/ En algunos ejemplos es necesario pasar el historial, en otros no. ¿Qué hacer? <Router history={browserHistory}> vs <Router> Es realmente confuso cuándo usar uno u otro, …

123 reactjs  react-router 

Si las tiendas mantienen su propio estado y tienen la capacidad de llamar a la red y a los servicios de almacenamiento de datos al hacerlo ... en cuyo caso las acciones son solo mensajes tontos, -O- ... ¿las tiendas deben ser tontas receptoras de datos inmutables de las acciones …

122 reactjs  reactjs-flux 

He estado jugando con React y hasta ahora me gusta mucho. Estoy creando una aplicación con NodeJS y me gustaría usar React para algunos de los componentes interactivos de la aplicación. No quiero que sea una aplicación de una sola página. Todavía no he encontrado nada en la web que …

122 javascript  node.js  reactjs 

Estaba tratando de implementar rutas autenticadas, pero descubrí que React Router 4 ahora evita que esto funcione: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> El error es: Advertencia: No debe utilizar <Route component>y <Route children>en …

122 javascript  reactjs  react-router  react-router-v4 

El siguiente código se puede encontrar en este ejemplo en vivo Tengo el siguiente elemento nativo de reacción: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} …

122 css  reactjs  react-native  flexbox 

Parece que tengo problemas para enviar datos a una matriz de estado. Estoy tratando de lograrlo de esta manera: this.setState({ myArray: this.state.myArray.push('new value') }) Pero creo que esta es una forma incorrecta y causa problemas con la mutabilidad.

122 javascript  reactjs  immutability 

Estoy creando una pequeña aplicación de reacción y mis imágenes locales no se cargan. Imágenes comoplacehold.it/200x200 cargas. Pensé que tal vez podría ser algo con el servidor. Aquí está mi App.js import React, { Component } from 'react'; class App extends Component { render() { return ( <div className="home-container"> <div …

122 javascript  reactjs