Preguntas etiquetadas con reactjs

Puedo alcanzar este punto final, a http://catfacts-api.appspot.com/api/facts?number=99través de Postman y vuelveJSON Además, estoy usando create-react-app y me gustaría evitar configurar cualquier configuración de servidor. En mi código de cliente estoy tratando de usar fetchpara hacer lo mismo, pero aparece el error: No hay encabezado 'Access-Control-Allow-Origin' presente en el recurso solicitado. …

166 javascript  reactjs  cors  create-react-app  fetch-api 

En React 16.2, Fragmentsse agregó soporte mejorado para . Puede encontrar más información en la publicación del blog de React aquí. Todos estamos familiarizados con el siguiente código: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text. <h2>Another heading</h2> Even more text. </div> …

165 reactjs 

Intento escribir un componente Reaccionar. para etiquetas de encabezado html (h1, h2, h3, etc.), donde la prioridad del encabezado cambia dinámicamente en función de la prioridad que hemos definido en los accesorios. Aquí lo que intento hacer. <h{this.props.priority}>Hello</h{this.props.priority}> Rendimiento esperado: <h1>Hello</h1> Esto no está funcionando. ¿Hay algún método posible para …

163 reactjs  jsx 

Esto es lo que probé y cómo sale mal. Esto funciona: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Esto no: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> La propiedad de descripción es solo una cadena normal de contenido HTML. Sin embargo, se representa como una cadena, no como HTML por alguna …

163 javascript  html  reactjs  jsx 

¿Alguien puede explicar la diferencia entre <Route exact path="/" component={Home} /> y <Route path="/" component={Home} /> No sé el significado de "exacto"

161 reactjs  react-router  react-router-dom 

Tengo el siguiente estado: this.setState({ selected: { id: 1, name: 'Foobar' } }); Luego actualizo el estado: this.setState({ selected: { name: 'Barfoo' }}); Como setStatese supone que debe fusionarse, esperaría que fuera: { selected: { id: 1, name: 'Barfoo' } }; Pero en cambio, se come la identificación y el …

160 javascript  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 lanzamiento. ¿Qué estoy haciendo mal?

160 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

¿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 para el elemento documento body, lo que …

160 javascript  reactjs  window  viewport 

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 extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', …

158 javascript  ios  navigation  reactjs  react-native 

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" onChange={this.change}>Java</option> <option value="C++" onChange={this.change}>C++</option> </select> <p></p> <p value={this.change}></p> </div> ); } }); React.render(<MySelect />, document.body); El onChangeevento no funciona.

158 javascript  reactjs 

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 ideas?

158 css  reactjs 

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 eso?

158 reactjs  typescript  material-ui 

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

156 reactjs  redux 

¿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 obtener algo como esto: …

156 javascript  html  reactjs  ecmascript-6 

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); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) { alert('A name …

155 reactjs  typescript