Preguntas etiquetadas con reactjs

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

154 android  reactjs  react-native 

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 = converter.makeHtml(this.props.children.toString()); return ( <div className="comment"> <h2 className="commentAuthor"> {this.props.author} </h2> <span dangerouslySetInnerHTML={{__html: rawMarkup}} /> </div> ); } }); Sé …

154 javascript  reactjs 

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> { public render(): JSX.Element { return ( <span>Hello, world</span> ); …

153 reactjs  typescript  tsx 

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>; } } export default HelloWorld;

153 javascript  reactjs 

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 className="player-controls"> <FontAwesome className="player-control-icon" name='refresh' onClick={this.onToggleLoop} spin={this.state.loopActive} /> <FontAwesome className={shuffleClassName} name='random' onClick={this.onToggleShuffle} /> </div> ); } onToggleLoop(event) { // "this …

152 javascript  reactjs  this 

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 receiveAmount = sendAmount * ratecuándo sendAmount …

151 reactjs  react-hooks 

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 …

150 reactjs  asynchronous  redux 

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 "1.8.0_111" react": "15.4.1 react-native": "0.38.0

149 android  reactjs  react-native 

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 que queda fuera del directorio src / del proyecto. Las importaciones relativas fuera de src / no …

149 javascript  reactjs  webpack  create-react-app 

React router permite que las aplicaciones reaccionen para manejar /arbitrary/route. Para que esto funcione, necesito que mi servidor envíe la aplicación React en cualquier ruta coincidente. Pero el servidor de desarrollo webpack no maneja puntos finales arbitrarios. Aquí hay una solución que usa un servidor express adicional. Cómo permitir que …

148 reactjs  ecmascript-6  webpack  react-router 

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> } }); React.render(<fml />, document.body); Pero tan pronto …

148 javascript  reactjs 

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 error: ./src/App.js Línea 7: React Hook "useState" se llama en la función "aplicación" que no …

148 reactjs  react-hooks 

Actualmente estoy construyendo una aplicación de página única usando reactjs. Leí que muchas de las razones para no usar localStorage se deben a las vulnerabilidades de XSS. Dado que React escapa de todas las entradas del usuario, ¿sería seguro usar localStorage?

147 reactjs  local-storage  jwt 

Estoy usando ReactJS y cuando un usuario hace clic en un enlace, quiero copiar algo de texto en el portapapeles. Estoy usando Chrome 52 y no necesito admitir ningún otro navegador. No puedo ver por qué este código no da como resultado que los datos se copien en el portapapeles. …

147 javascript  reactjs  clipboard 

Estoy tratando de convertir un componente jQuery a React.js y una de las cosas con las que tengo dificultades es representar un número n de elementos basados ​​en un bucle for. Entiendo que esto no es posible o recomendado y que cuando existe una matriz en el modelo, tiene mucho …

146 javascript  jquery  reactjs  react-jsx