Preguntas etiquetadas con reactjs

Según los documentos: componentDidUpdate()se invoca inmediatamente después de que se realiza la actualización. Este método no se llama para el renderizado inicial. Podemos usar el nuevo useEffect()gancho para simular componentDidUpdate(), pero parece que useEffect()se ejecuta después de cada renderizado, incluso la primera vez. ¿Cómo hago para que no se ejecute …

95 javascript  reactjs  react-hooks 

Tengo una biblioteca de componentes para la que estoy escribiendo pruebas unitarias para usar Jest y react-testing-library. Basado en ciertos accesorios o eventos, quiero verificar que ciertos elementos no se estén renderizando. getByText, getByTestId, Etc tiro y el error en react-testing-librarysi no se encuentra el elemento que causa el error …

95 reactjs  jestjs  react-testing-library 

Estoy tratando de crear un formulario simple con reaccionar, pero tengo dificultades para que los datos se vinculen correctamente con el valor predeterminado del formulario. El comportamiento que estoy buscando es este: Cuando abro mi página, el campo de entrada de texto debe llenarse con el texto de mi AwayMessage …

94 javascript  forms  reactjs  coffeescript  2-way-object-databinding 

Soy nuevo en ReactJS y quiero importar imágenes en un componente. Estas imágenes están dentro de la carpeta pública y no sé cómo acceder a la carpeta desde el componente react. Algunas ideas ? EDITAR Quiero importar una imagen dentro de Bottom.js o Header.js La carpeta de estructura es: No …

94 javascript  reactjs 

Además de la capacidad de establecer un "activeClassName" y "activeStyle" en NavLink, ¿hay alguna razón para usar NavLink sobre Link al crear enlaces a otras rutas en elementos que no son de navegación (es decir, no navegación principal en el encabezado o pie de página) en su sitio? que no …

94 reactjs  react-router  react-router-v4 

Básicamente, tengo un componente de reacción, su render()cuerpo de función es el siguiente: (Es mi ideal, lo que significa que actualmente no funciona) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage) <MyImage /> else <OtherElement/> </div> ) }

94 reactjs 

Estoy trabajando en un proyecto en React y me encontré con un problema que me dejó perplejo. Cada vez que corro yarn startme sale este error: TypeError [ERR_INVALID_ARG_TYPE]: el argumento "ruta" debe ser de tipo cadena. Tipo recibido indefinido No tengo idea de por qué está sucediendo esto, si alguien …

93 javascript  reactjs  redux  visual-studio-code  yarnpkg 

Ocasionalmente tengo componentes de reacción que tienen un estado conceptual que quiero restablecer. El comportamiento ideal sería equivalente a eliminar el componente antiguo y leer un componente nuevo y prístino. React proporciona un método setStateque permite establecer el propio estado explícito de los componentes, pero que excluye el estado implícito, …

93 reactjs 

Mientras revisaba el HTML de algunas páginas, noté que algunas de ellas usan este atributo "data-reactid" como: <a data-reactid="......" ></a> ¿Cuál es ese atributo y cuál es su función?

93 javascript  html  reactjs 

Sin parámetro function clickMe(e){ //e is the event } <button onClick={this.clickMe}></button> Con parámetro function clickMe(parameter){ //how to get the "e" ? } <button onClick={() => this.clickMe(someparameter)}></button> Quiero conseguir el event. ¿Cómo puedo obtenerlo?

93 javascript  reactjs  events  dom-events 

Estoy tratando de averiguar cómo alternar una clase activa onClickpara cambiar las propiedades de CSS. He adoptado muchos enfoques y leído muchas respuestas SO. Usar jquery sería relativamente simple, sin embargo, no puedo hacer esto con react. Mi código está debajo. ¿Alguien puede aconsejarme cómo debo hacer esto? Sin crear …

93 javascript  reactjs 

Estoy desarrollando una nueva aplicación usando la nueva API de React Context en lugar de Redux, y antes, Reduxcuando necesitaba obtener una lista de usuarios, por ejemplo, simplemente llamo a componentDidMountmi acción, pero ahora con React Context, mis acciones viven dentro my Consumer que está dentro de mi función de …

93 reactjs  react-context 

Al crear una aplicación de reacción, el service worker se invoca de forma predeterminada. ¿Por qué se utiliza el trabajador de servicio? ¿Cuál es el motivo de la invocación predeterminada?

93 javascript  reactjs  service-worker 

Este es mi proyecto: https://github.com/kenpeter/my_hak_news , que es una copia directa de https://github.com/grigio/HAgnostic-News . Git clone https://github.com/kenpeter/my_hak_news , luego ejecutereact-native run-android Tengo este error: * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously …

93 android  reactjs  react-native 

Estoy haciendo React en este momento y me preguntaba si hay una forma "correcta" de hacer un estilo condicional. En el tutorial que usan style={{ textDecoration: completed ? 'line-through' : 'none' }} Prefiero no usar estilos en línea, por lo que quiero usar una clase para controlar el estilo condicional. …

93 javascript  reactjs