¿Debería usar alguna vez this.setState()al usar redux? ¿O debería estar siempre enviando acciones y confiando en los
Estoy usando la aplicación create react para arrancar mi aplicación. He agregado dos .envarchivos .env.developmenty .env.productionen la raíz. Mi .env.developmentincluye: API_URL=http://localhost:3000/api CALLBACK_URL=http://localhost:3005/callback Cuando ejecuto mi aplicación usando una...
Estoy tratando de comenzar a construir un sitio en ReactJS. Sin embargo, cuando traté de poner mi JS en un archivo separado, comencé a recibir este error: "Error de sintaxis no detectado: token inesperado <". Intenté agregar /** @jsx React.DOM */a la parte superior del archivo JS, pero no...
Estoy trabajando con reactjs y parece que no puedo evitar este error al intentar mostrar datos JSON (ya sea del archivo o del servidor): Uncaught TypeError: this.props.data.map is not a function He mirado: Reaccionar código arrojando "TypeError: this.props.data.map no es una función" React.js...
Escribí docenas de Reactarchivos, nunca los usocomponentDidUpdate método. ¿Existe algún ejemplo típico de cuándo es necesario utilizar este método? Quiero un ejemplo del mundo real, no una simple demostración. ¡Gracias por la
Estoy intentando crear un buen componente ApiWrapper para completar datos en varios componentes secundarios. De todo lo que he leído, esto debería funcionar: https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(props) { super(props); this.state =...
Leí esto en el tutorial de React. ¿Qué significa esto? React es seguro. No estamos generando cadenas HTML, por lo que la protección XSS es la predeterminada. ¿Cómo funcionan los ataques XSS si React es seguro? ¿Cómo se logra esta
Estoy probando los nuevos React Hooks y tengo un componente de reloj con un contador que se supone que aumenta cada segundo. Sin embargo, el valor no aumenta más allá de uno. function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer =...
Tengo un objeto que quiero generar a través de REACT question = { text: "Is this a good question?", answers: [ "Yes", "No", "I don't know" ] } y mi componente de reacción (cortar), es otro componente class QuestionSet extends Component { render(){ <div className="container">...
Estoy un poco confuso con estos conceptos, si construyo la misma aplicación ToDo completamente en AngularJS y ReactJS --- ¿qué hace que React ToDo use enlace de datos unidireccional frente al enlace de datos bidireccional de AngularJS? Entiendo que React funciona como Render (datos) --->...
A veces he visto a personas envolver sus componentes withRoutercuando los exportan: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); ¿Para qué es esto y cuándo debo usarlo?
He estado pensando y estoy confundido con el enrutamiento entre Cliente y Servidor. Supongamos que uso ReactJS para la representación del lado del servidor antes de enviar la solicitud al navegador web, y uso react-router como un enrutamiento del lado del cliente para cambiar entre páginas sin...
Mi reaccionar webApp da este error en la consola del navegador Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a...
Usando el método sugerido: Este es el resultado: un enlace en el botón , código entre líneas de comentarios Me preguntaba si hay una manera de envolver un Linkelemento 'react-router'en una buttonetiqueta HTML usando react. Actualmente tengo Linkcomponentes para navegar por las páginas de mi...
¿Cómo empujar el elemento dentro de useState array React hook? ¿Es eso un método antiguo en estado de reacción? ¿O algo nuevo? Por ejemplo, ¿ ejemplo de push setState ?
¿Hay alguna forma de conocer la versión en tiempo de ejecución de React en el
Considerando el siguiente ejemplo de ganchos import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me
Tengo un componente React simple que conecto (mapeando una matriz / estado simple). Para evitar hacer referencia al contexto de la tienda, me gustaría una forma de obtener "despacho" directamente de los accesorios. He visto a otros usar este enfoque pero no tienen acceso a esto por alguna razón...
Mientras escribo webpack.config.js así module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Y en index.jsximporto un...
Cerrado . Esta pregunta debe estar más enfocada . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que se centre en un solo problema editando esta publicación . Cerrado hace 3 años . Mejora esta pregunta...