Preguntas etiquetadas con reactjs

Muchos lenguajes de plantilla tienen declaraciones de "ranuras" o "rendimiento", que permiten hacer algún tipo de inversión de control para envolver una plantilla dentro de otra. Angular tiene la opción "transcluir" . Rails tiene declaración de rendimiento . Si React.js tuviera una declaración de rendimiento, se vería así: var Wrapper …

187 javascript  template-engine  composition  reactjs  transclusion 

Cerrada . Esta pregunta está basada en la opinión . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que pueda ser respondida con hechos y citas editando esta publicación . Cerrado hace 2 años . Mejora esta pregunta Se lanzó React 16.3.0 y la API …

187 javascript  reactjs  redux  react-redux  react-context 

Supongamos que tengo una clase React P, que representa dos clases secundarias, C1 y C2. C1 contiene un campo de entrada. Me referiré a este campo de entrada como Foo. Mi objetivo es dejar que C2 reaccione a los cambios en Foo. Se me ocurrieron dos soluciones, pero ninguna de …

186 reactjs 

Tengo problemas con un formulario React y con la administración adecuada del estado. Tengo un campo de entrada de tiempo en un formulario (en un modal). El valor inicial se establece como una variable de estado getInitialStatey se pasa desde un componente primario. Esto en sí mismo funciona bien. El …

184 reactjs 

¿Por qué no puedo acceder a los métodos de componentes desde "afuera" en ReactJS? ¿Por qué no es posible y hay alguna forma de resolverlo? Considera el código: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect "bar", got a "not …

183 javascript  reactjs  dom 

Llamo al servicio web usando fetch pero lo mismo que puedo hacer con la ayuda de axios. Entonces ahora estoy confundido. ¿Debo ir por axios o buscar?

182 ajax  reactjs  xmlhttprequest  es6-promise  es6-modules 

Soy nuevo en el uso de clases ES6 con React, anteriormente he estado vinculando mis métodos al objeto actual (mostrar en el primer ejemplo), pero ¿ES6 me permite vincular permanentemente una función de clase a una instancia de clase con flechas? (Útil cuando se pasa como una función de devolución …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

Tengo un widget de chat que muestra una variedad de mensajes cada vez que me desplazo hacia arriba. El problema que estoy enfrentando ahora es que el control deslizante permanece fijo en la parte superior cuando se cargan los mensajes. Quiero que se centre en el último elemento del índice …

181 javascript  reactjs  ecmascript-6 

Me gustaría ver una titleen la <AppBar />que de alguna manera se pasa por la ruta actual. En React Router v4, ¿cómo podría <AppBar />pasar la ruta actual a su titleutilería? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' component={Customers} /> …

181 reactjs  react-router  react-router-v4 

Soy nuevo en todo el mundo nodejs / reactjs, así que me disculpo si mi pregunta suena tonta. Así que estoy jugando con reactabular.js . Cada vez que hago un npm startsiempre se ejecuta localhost:8080. ¿Cómo lo cambio para que se ejecute 0.0.0.0:8080para que sea accesible públicamente? He estado tratando …

180 node.js  reactjs  npm  webpack  webpack-dev-server 

Me gusta bastante el patrón CSS en línea en React y decidí usarlo. Sin embargo, no puede usar los :hoverselectores y similares. Entonces, ¿cuál es la mejor manera de implementar resaltar al pasar el mouse mientras se usan estilos CSS en línea? Una sugerencia de #reactjs es tener un Clickablecomponente …

178 reactjs 

Con React 16.8.6 (fue bueno en la versión anterior 16.8.3), obtengo este error cuando intento evitar un bucle infinito en una solicitud de recuperación ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps No he podido encontrar una solución …

178 reactjs  eslint  create-react-app  react-hooks 

Estoy usando como entorno un IDE en línea de Cloud9.io ubuntu VM en línea y lo he solucionado resolviendo este error simplemente ejecutando la aplicación con el servidor de desarrollo Webpack. Lo lanzo con: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP es una variable que tiene la …

177 reactjs  webpack-dev-server  cloud9-ide  cloud9 

Vengo del mundo angular donde podría extraer lógica a un servicio / fábrica y consumirlos en mis controladores. Estoy tratando de entender cómo puedo lograr lo mismo en una aplicación React. Digamos que tengo un componente que valida la entrada de contraseña del usuario (es fuerza). Su lógica es bastante …

177 reactjs  reactjs-flux 

Estoy usando create-react-app y prefiero no hacerlo eject. No está claro dónde deberían ir las fuentes importadas a través de @ font-face y cargadas localmente. A saber, estoy cargando @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } ¿Alguna sugerencia? - EDITAR …

177 css  reactjs  fonts  webpack  create-react-app