Preguntas etiquetadas con reactjs

Tengo un componente funcional muy simple de la siguiente manera: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; Y otro componente: import * as React from "react"; export interface LayoutProps { children: React.ReactNode } const …

137 reactjs  typescript  jsx  typescript2.0 

mi salida de error: Objeto de configuración inválido. Webpack se ha inicializado utilizando un objeto de configuración que no coincide con el esquema API. - configuration.module tiene una propiedad desconocida 'cargadores'. Estas propiedades son válidas: object {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, reglas ?, defaultRules ?, …

136 reactjs  webpack 

TLDR: use defaultChecked en lugar de marcado, trabajando jsbin . Intentando configurar una casilla de verificación simple que tachará el texto de la etiqueta cuando esté marcada. Por alguna razón, handleChange no se dispara cuando uso el componente. ¿Alguien puede explicar lo que estoy haciendo mal? var CrossoutCheckbox = React.createClass({ …

136 checkbox  onchange  reactjs 

Cloné una aplicación de reacción en mi sistema y ejecuté los siguientes comandos npm install -g create-react-app npm install --save react react-dom Después de eso corrí npm start Pero arrojó el error mencionado anteriormente, está funcionando bien en mi otro sistema desde el que lo empujé en github. Pero no …

136 reactjs 

Estoy jugando con Reacty ES6usando babely webpack. Quiero construir varios componentes en diferentes archivos, importarlos en un solo archivo y agruparlos conwebpack Digamos que tengo algunos componentes como este: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> …

135 reactjs  ecmascript-6  webpack 

Utilizo el siguiente código para establecer accesorios predeterminados en un componente React pero no funciona. En el render()método, puedo ver que la salida "accesorios indefinidos" se imprimió en la consola del navegador. ¿Cómo puedo definir un valor predeterminado para los accesorios del componente? export default class AddAddressComponent extends Component { …

135 reactjs  ecmascript-6 

Tengo algún problema con mis imágenes en mi proyecto de reacción. De hecho, siempre pensé que la ruta relativa al atributo src se basaba en la arquitectura de archivos Aquí mi arquitectura de archivos: components file1.jsx file2.jsx file3.jsx container img js ... Sin embargo, me di cuenta de que el …

135 javascript  reactjs  webpack 

¿Cuál es la diferencia entre componente y contenedor en react redux?

135 javascript  reactjs  redux 

Soy nuevo en reaccionar, quiero incluir bootstrap en mi aplicación de reacción He instalado bootstrap por npm install bootstrap --save Ahora, quiero cargar bootstrap css y js en mi aplicación react. Estoy usando webpack. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { …

135 twitter-bootstrap  reactjs  webpack 

¿Por qué en el siguiente ejemplo de pseudocódigo Child no se vuelve a procesar cuando Container cambia foo.bar? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } Incluso si llamo forceUpdate()después de modificar el valor en …

135 javascript  html  reactjs 

Tengo un componente de notificación y tengo una configuración de tiempo de espera. después del tiempo de espera llamo this.setState({isTimeout:true}). Lo que quiero hacer es que si ya se agotó el tiempo de espera, no quiero representar nada render() { let finalClasses = "" + (this.state.classes || ""); if (isTimeout){ …

135 reactjs 

¿Cómo puedo obtener información de un ReadableStreamobjeto? Estoy usando la API Fetch y no veo que esto esté claro en la documentación. El cuerpo se devuelve como ReadableStreamay simplemente me gustaría acceder a una propiedad dentro de esta secuencia. En Respuesta en las herramientas de desarrollo del navegador, parece que …

135 javascript  node.js  reactjs  fetch 

En lugar de escribir mis componentes dentro de una clase, me gustaría usar la sintaxis de la función. ¿Cómo puedo reemplazar componentDidMount, componentWillMountdentro de los componentes de la función? ¿Es siquiera posible? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) …

135 reactjs  redux 

Actualmente estoy aprendiendo el concepto de ganchos en React y tratando de entender el siguiente ejemplo. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => …

134 javascript  reactjs  react-native  react-hooks 

Aunque hay una pregunta similar, no puedo crear un archivo con múltiples funciones. No estoy seguro si el método ya está desactualizado o si RN está evolucionando muy rápido. ¿Cómo crear una función de ayuda global en react native? Soy nuevo en React Native. Lo que quiero hacer es crear …

133 reactjs  react-native