Preguntas etiquetadas con reactjs

react-native run-androidel comando termina dejando un mensaje en el simulador de Android. El mensaje es el siguiente: No se puede cargar la secuencia de comandos. Asegúrese de que está ejecutando un servidor Metro o de que su paquete 'index.android.bundle' está empaquetado correctamente para su...

¿Cómo obtengo la altura de la ventana gráfica en ReactJS? En JavaScript normal uso window.innerHeight() pero usando ReactJS, no estoy seguro de cómo obtener esta información. Mi entendimiento es que ReactDOM.findDomNode() solo funciona para componentes creados. Sin embargo, este no es el caso...

var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java"

Estoy explorando las posibilidades de React Native mientras desarrollo una aplicación de demostración con navegación personalizada entre vistas con la ayuda del Navigatorcomponente . La clase principal de la aplicación representa el navegador y el renderScenecomponente interno devuelve: class App...

Necesito agregar una clase dinámica a una lista de clases regulares, pero no tengo idea de cómo (estoy usando babel), algo como esto: <div className="wrapper searchDiv {this.state.something}"> ... </div> ¿Algunas

Escribí un código: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Recibo un error: El tipo de elemento JSX Elemno tiene ninguna construcción o firma de llamada Qué significa

¿Existe un enfoque sistemático para depurar lo que está causando que un componente se vuelva a procesar en React? Puse un simple console.log () para ver cuántas veces se procesa, pero tengo problemas para descubrir qué está causando que el componente se procese varias veces, es decir (4 veces) en...

¿Hay alguna manera de incorporar la notación de llaves y una hrefetiqueta de React ? Digamos que tenemos el siguiente valor en el estado: {this.state.id} y los siguientes atributos HTML en una etiqueta: href="#demo1" id="demo1" ¿Hay alguna manera de agregar el idestado al atributo HTML para...

Necesito crear un formulario que muestre algo basado en el valor de retorno de una API. Estoy trabajando con el siguiente código: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this);...

Entonces, ¿es esta la única forma de procesar html sin procesar con reactjs? // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup =

Las características nativas de React recientemente lanzadas son solo ejemplos de aplicaciones iOS y

No puedo encontrar la manera de establecer valores de propiedad predeterminados para mis componentes usando Typecript. Este es el código fuente: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component<PageProps, PageState> {...

Quiero preguntar qué significa y hace la última oración (exportar HelloWorld predeterminado;) pero no puedo encontrar ningún tutorial al respecto. // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return <p>Hello, world!</p>;...

class PlayerControls extends React.Component { constructor(props) { super(props) this.state = { loopActive: false, shuffleActive: false, } } render() { var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon" return ( <div...

Digamos que tengo 3 entradas: rate, sendAmount y recibenAmount. Puse esas 3 entradas en useEffect diffing params. Las reglas son: Si sendAmount cambió, calculo receiveAmount = sendAmount * rate Si recibo Monto cambiado, calculo sendAmount = receiveAmount / rate Si la tasa cambió, calculo...

Este es un ejemplo de la página de la aplicación Google Adsense. La pantalla de carga mostrada antes de la página principal mostrada después. No sé cómo hacer lo mismo con React porque si hago que la pantalla de carga sea procesada por el componente React, no se muestra mientras se carga la...

Estoy usando create-react-app. Estoy tratando de llamar una imagen desde mi carpeta pública desde un archivo dentro de mi src/components. Estoy recibiendo este mensaje de error. ./src/components/website_index.js Módulo no encontrado: intentó importar ../../public/images/logo/WC-BlackonWhite.jpg...

Estoy usando React.JS y cuando lo hago react-native run-android(con mi dispositivo enchufado) veo una página en blanco. Cuando sacudo el dispositivo y selecciono Debug JS Remotelyde la lista de opciones, veo la siguiente pantalla. FYI: OS: Ubuntu 16.04 Node version is: v4.6.2 java version...

Estoy tratando de usar ganchos de reacción para un problema simple const [personState,setPersonState] = useState({ DefinedObject }); con las siguientes dependencias. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } pero sigo recibiendo el siguiente...

Estoy jugando con el marco ReactJS en JSBin . He notado que si el nombre de mi componente comienza con una letra minúscula, no funciona. Por ejemplo, lo siguiente no representa: var fml = React.createClass({ render: function () { return <a href='google.com'>Go</a>...