Estoy usando Reacty ESLintcon eslint-plugin-react. Quiero disablela prop-typesregla en un archivo. var React = require('react'); var Model = require('./ComponentModel'); var Component = React.createClass({ /* eslint-disable react/prop-types */ propTypes: Model.propTypes, /* eslint-enable...
Entonces comencé a aprender React hace una semana e inevitablemente llegué al problema del estado y cómo se supone que los componentes se comunican con el resto de la aplicación. Busqué y Redux parece ser el sabor del mes. Leí toda la documentación y creo que en realidad es una idea bastante...
Siempre que corro webpacken la terminal obtengo: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Aquí está mi archivo webpack.config.js module.exports = { entry: './app-client.js', output: { filename:...
Estoy renderizando un enlace con react: render: -> `<a className="upvotes" onClick={this.upvote}>upvote</a>` Entonces, arriba tengo la función upvote: upvote: -> // do stuff (ajax) Antes del enlace, tenía un intervalo en ese lugar, pero necesito cambiar al enlace y aquí...
Soy nuevo en ReactJS. Anteriormente, usé jQuery para configurar cualquier animación o función que necesitaba. Pero ahora estoy tratando de usar ReactJS y minimizar el uso de jQuery. Mi caso es: Estoy tratando de construir un acordeón con ReactJS. <div class="accor"> <div...
Tengo un proyecto que no toqué durante 2 semanas. Lo retiro y ahora, cuando intento ejecutar npm start, recibí este error. > react-scripts start sh: react-scripts: command not found npm ERR! Darwin 16.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" npm ERR! node...
Tengo este componente: import React from 'react'; export default class AddItem extends React.Component { add() { this.props.onButtonClick(this.input.value); this.input.value = ''; } render() { return ( <div className="add-item"> <input type="text" className="add-item__input"...
Tratando de averiguar cómo puedo volver a la página anterior. estoy usando[react-router-v4][1] Este es el código que configuré en mi primera página de destino: <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home"
Vi que React 16 permite que los atributos se pasen al DOM. Entonces, eso significa que se puede usar 'clase' en lugar de className, ¿verdad? Me pregunto si hay ventajas de seguir usando className sobre class, además de ser compatible con versiones anteriores de React.
Estoy tratando de ocultar mi clave API para cuando me comprometo con github, y he buscado orientación en el foro, especialmente la siguiente publicación: ¿Cómo oculto la clave API en create-react-app? Hice los cambios y reinicié el hilo. No estoy seguro de qué estoy haciendo mal - agregué un...
Tengo un enrutador como el siguiente: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> Esto es lo que quiero lograr: Redirigir al usuario a...
Supongamos que tengo una cadena de texto que contiene saltos de línea y la renderizo así: render() { var text = "One\nTwo\nThree"; return <div>{text}</div>; } En HTML, los saltos de línea no se representan como saltos de línea. ¿Cómo debo hacer esto en React? No quiero convertir...
Simular el clic de un botón parece una operación muy fácil / estándar. Sin embargo, no puedo hacer que funcione en las pruebas de Jest.js. Esto es lo que intenté (y también lo hice usando jQuery), pero no pareció desencadenar nada: import { mount } from 'enzyme'; page = <MyCoolPage...
Permítanme explicar el resultado de este código para preguntar mi problema fácilmente. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return...
Quiero renderizar mi componente después de que finalice mi solicitud ajax. Abajo puedes ver mi código var CategoriesSetup = React.createClass({ render: function(){ var rows = []; $.get('http://foobar.io/api/v1/listings/categories/').done(function (data) { $.each(data, function(index,...
Estoy usando webpack para construir mis componentes de reacción y estoy tratando de usar extract-text-webpack-pluginpara separar mi css de mi archivo js generado. Sin embargo, cuando se intenta generar el componente me sale el siguiente error: Module build failed: ReferenceError: window is not...
En la mayoría de los casos, tener una etiqueta principal no es un problema. React.createClass({ render: function() { return ( <tbody> <tr><td>Item 1</td></tr> <tr><td>Item 2</td></tr> </tbody> ); } }); Pero hay algunos casos...
Quiero enlazar para cerrar la escapeventana emergente de arranque de reacción activa al presionar. Aquí está el código _handleEscKey:function(event){ console.log(event); if(event.keyCode == 27){ this.state.activePopover.hide(); } }, componentWillMount:function(){
Estoy intentando configurar Google Analytics en mi sitio de reacción y me he encontrado con algunos paquetes, pero ninguno tiene el tipo de configuración que tengo en términos de ejemplos. Esperaba que alguien pudiera arrojar algo de luz sobre esto. El paquete que estoy viendo es react-ga...
Tengo un componente contenedor react-redux que se crea dentro de un componente React Native Navigator. Quiero poder pasar el navegador como un accesorio a este componente contenedor para que después de presionar un botón dentro de su componente de presentación, pueda empujar un objeto a la pila...