Preguntas etiquetadas con reactjs

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 react-scripts startconsola process.env, escupe { NODE_ENV: "development", PUBLIC_URL: "" } He intentado cosas diferentes, pero simplemente no recojo los verificables en mi …

110 reactjs  create-react-app 

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) ---> UI. ¿En qué se diferencia …

109 javascript  angularjs  reactjs 

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 respuesta!

109 reactjs 

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 = { response: { "title": 'nothing fetched yet' } }; } componentDidMount() { this._makeApiCall(this.props.endpoint); } _makeApiCall(endpoint) { …

109 reactjs 

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

109 reactjs  security  xss 

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?

109 reactjs  react-router 

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"> <h1>{this.props.question.text}</h1> {this.props.question.answers.forEach(answer => { console.log("Entered"); …

109 reactjs  react-props 

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 = window.setInterval(() => { setTime(time …

109 javascript  reactjs  react-hooks 

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 actualizar como SPA. …

108 javascript  reactjs  routes  react-router  url-routing 

¿Hay alguna forma de conocer la versión en tiempo de ejecución de React en el navegador?

108 javascript  reactjs 

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 fallback. También: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it …

108 javascript  reactjs  webpack 

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

108 javascript  reactjs  react-hooks 

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 aplicación, pero me gustaría asignar …

108 html  reactjs  button  hyperlink  router 

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 </button> </div> ); } Básicamente usamos este método.forceUpdate () para forzar al componente a volver …

108 javascript  reactjs  react-native  react-hooks 

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 Soy nuevo en React / Redux. Utilizo un middleware fetch …

107 javascript  reactjs  redux