Preguntas etiquetadas con reactjs

Estoy reaccionando al usar angular y estoy tratando de encontrar una buena alternativa de reacción a la directiva ng-if de angular donde renderizo o no renderizo un elemento basado en una condición. Tome este código, por ejemplo. Estoy usando mecanografiado (tsx) por cierto, pero eso no debería importar mucho. "use …

81 reactjs 

A diferencia de webstorm, no puedo comentar el código JSX en los .jsarchivos de Visual Studio Code.

81 reactjs  react-native  visual-studio-code  jsx 

La forma de React para establecer qué opción se selecciona para un cuadro de selección, es establecer un valueaccesorio especial en <select>sí mismo, correspondiente al valueatributo en el <option>elemento que desea seleccionar. Para multipleseleccionar, este accesorio puede aceptar una matriz en su lugar. Ahora que este es un atributo especial, …

81 javascript  dom  reactjs 

Creé un pequeño panel de ReactJS con la ayuda de SocketIO para actualizaciones en vivo. Aunque tengo la actualización del tablero, me molesta que no esté muy seguro de si lo hice correctamente. Lo que más me molesta son los Props en getInitialState como publicación anti-patrón . Creé un panel …

79 reactjs 

En React JSX, no parece ser posible hacer algo como esto: render: function() { return ( <{this.props.component.slug} className='text'> {this.props.component.value} </{this.props.component.slug}> ); } Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento Recibo un error de análisis: token inesperado {. ¿No es esto algo que React puede manejar? Estoy diseñando este componente para que, …

78 javascript  reactjs 

Cómo solucionarlo Could not find plugin "proposal-numeric-separator", recibo este error cuando intento compilar mi aplicación React, todavía no he expulsado la aplicación: ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0") at Array.map (<anonymous>) at Generator.next (<anonymous>) at …

61 reactjs  build  yarnpkg 

Después de actualizar a react-native 0.61, recibo muchas advertencias como esta: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. ¿Cuál es el otro VirtualizedList-backed containerque debo usar, y por qué ahora se recomienda no usar así?

39 javascript  reactjs  react-native 

La forma estándar de usar un React useState Hook es la siguiente: const [count, setCount] = useState(0); Sin embargo, esta const countvariable claramente se reasignará a un valor primitivo diferente. ¿Por qué entonces la variable no se define como let count?

33 javascript  reactjs  ecmascript-6  react-hooks 

Aquí está el problema: estoy tratando de llamar a 2 funciones con un clic de botón. Ambas funciones actualizan el estado (estoy usando el enlace useState). La primera función actualiza el valor1 correctamente a 'nuevo 1', pero después de 1s (setTimeout) se dispara la segunda función, y cambia el valor …

31 javascript  reactjs  react-hooks 

Estoy desarrollando una aplicación simple de arranque react-spring, pero debido a un problema de GitHub, recreé los archivos de inicio de mi aplicación usando IntelliJ e instalé los módulos de nodo usando los datos de dependencia del archivo package.json de la aplicación anterior. Si uso una barra de navegación colapsada …

27 javascript  jquery  reactjs  bootstrap-4 

Estoy tratando de descubrir cómo usar un escucha de Firebase para que los datos del almacén de incendios en la nube se actualicen con actualizaciones de ganchos de reacción. Inicialmente, hice esto usando un componente de clase con una función componentDidMount para obtener los datos del almacén de incendios. this.props.firebase.db …

27 javascript  reactjs  firebase  google-cloud-firestore  react-hooks 

Estoy implementando una aplicación React pero recibo un error extraño cuando visito la página a través de https. Cuando visito la página a través de https, recibo el siguiente error: SecurityError: error al construir 'WebSocket': una conexión insegura de WebSocket no puede iniciarse desde una página cargada a través de …

25 node.js  reactjs 

activado react-native init ProjectName, el archivo principal de la aplicación App.jscontiene la declaración de un componente de la siguiente manera: const App: () => React$Node = () => {...} ¿Qué significa esta instrucción? Quiero decir, estoy acostumbrado a un componente definido como const App = () => {...}, por lo …

23 javascript  reactjs  react-native 

Por alguna razón, no puedo hacer que el selector de fechas material-ui funcione. Cada vez que se muestra el selector de fecha en React, se produce el siguiente error: RangeError: la cadena de formato contiene un carácter de alfabeto latino sin escape n He creado un stackblitz con solo el …

19 javascript  reactjs  material-ui  material-ui-pickers 

Soy nuevo usando React, por lo que esto podría ser realmente simple de lograr, pero no puedo resolverlo por mí mismo a pesar de que he investigado un poco. Perdóname si esto es demasiado tonto. Contexto Estoy usando Inertia.js con los adaptadores Laravel (backend) y React (front-end). Si no conoce …

19 javascript  reactjs  promise  inertia