Preguntas etiquetadas con reactjs

¿Cuál es el equivalente de la función $ watch de angular en React.js? Quiero escuchar los cambios de estado y llamar a una función como getSearchResults (). componentDidMount: function() { this.getSearchResults(); }

143 javascript  reactjs 

Parece componentWillReceivePropsque se eliminará por completo en las próximas versiones, a favor de un nuevo método de ciclo de vida getDerivedStateFromProps: static getDerivedStateFromProps () . Tras la inspección, parece que ahora no puede hacer una comparación directa entre this.propsy nextProps, como puede hacerlo componentWillReceiveProps. ¿Hay alguna forma de evitar esto? …

142 javascript  reactjs  lifecycle 

Código completo aquí: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Hola, Tengo una aplicación donde muestra diferentes plantillas para escritorio y dispositivos móviles en función del entorno de compilación. Puedo desarrollarlo con éxito donde necesito ocultar el menú de navegación de mi plantilla móvil. en este momento puedo escribir un caso de prueba en el que …

142 reactjs  mocha  redux 

En mi reaccionar y aplicación mecanografiado, yo uso: onChange={(e) => data.motto = (e.target as any).value}. ¿Cómo defino correctamente los tipings para la clase, para que no tenga que hackear el sistema de tipos any? export interface InputProps extends React.HTMLProps<Input> { ... } export class Input extends React.Component<InputProps, {}> { } …

142 reactjs  typescript  types  typescript-typings 

Curioso sobre cuál es la forma correcta de abordar esto: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = …

141 javascript  reactjs  jsx 

Recientemente, miré el marco React de Facebook . Utiliza un concepto llamado "DOM virtual", que realmente no entendí. ¿Qué es el DOM virtual? ¿Cuáles son las ventajas?

141 javascript  reactjs 

Estoy usando webpack para gestionar un proyecto reactjs . Quiero cargar imágenes en javascript por webpack file-loader. A continuación se muestra el webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; …

141 javascript  reactjs  webpack 

Estoy dando mi primer paso en ReactJS e intento entender la comunicación entre padres e hijos. Estoy formando, así que tengo el componente para los campos de estilo. Y también tengo un componente principal que incluye el campo y verificarlo. Ejemplo: var LoginField = React.createClass({ render: function() { return ( …

140 javascript  reactjs 

Sé que React puede realizar actualizaciones de estado de forma asincrónica y por lotes para la optimización del rendimiento. Por lo tanto, nunca puede confiar en el estado que se actualizará después de haber llamado setState. Pero se puede confiar Reaccionar a actualizar el estado en el mismo orden que …

139 javascript  reactjs  state  setstate 

¿Es componentDidMount()una buena práctica usar como función asíncrona en React Native o debería evitarlo? Necesito obtener información de AsyncStoragecuándo se monta el componente, pero la única forma que sé de hacerlo es hacer que la componentDidMount()función sea asíncrona. async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } …

139 reactjs  asynchronous  react-native 

Estoy usando Typecript con React. Tengo problemas para entender cómo usar las referencias para obtener un tipeo estático e inteligencia con respecto a los nodos de reacción a los que hacen referencia las referencias. Mi código es el siguiente. import * as React from 'react'; interface AppState { count: number; …

139 reactjs  typescript 

Nuevo en Django e incluso más nuevo en ReactJS. He estado buscando en AngularJS y ReactJS, pero me decidí por ReactJS. Parecía que estaba superando a AngularJS en cuanto a popularidad a pesar de que AngularJS tenía más participación en el mercado, y se dice que ReactJS es más rápido …

138 django  reactjs 

¿Cómo obtengo la URL completa desde un componente ReactJS? Estoy pensando que debe ser algo como this.props.location, pero esundefined

138 reactjs 

Estoy usando react con react-router. Estoy tratando de pasar propiedades en un "Enlace" de react-router var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ …

137 javascript  reactjs  react-router 

Recientemente me mudé de Angular a ReactJs. Estoy usando jQuery para llamadas API. Tengo una API que devuelve una lista de usuarios aleatorios que se imprimirá en una lista. No estoy seguro de cómo escribir mis llamadas a la API. ¿Cuál es la mejor práctica para esto? Intenté lo siguiente …

137 javascript  jquery  reactjs