Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

156
Vistas
¿Cómo hacer que un componente sea más legible si tiene múltiples accesorios como argumentos?

Tengo un gran componente en el que paso datos del padre a través de ranuras, todo funciona como se esperaba, pero tengo un gran problema que me irrita mucho: cómo puedo desestructurar ({partDetails, setUniqValue, openModal, setData, setPrices, setBoxImages, setZoomImage, setSelectedPartDetails}) estos argumentos para que mi componente se vuelva un poco más atractivo, quiero lograr este resultado usando typescript , pero no estoy seguro de cuál es la mejor práctica para ello.

 import React from 'react'; import { View, Text, StyleSheet, TouchableOpacity } from 'react-native'; import { MaterialIcons } from "@expo/vector-icons"; import { componentStyle } from '../styles'; import { PickOfferBoxHeader } from './PickOfferBoxHeader/PickOfferBoxHeader'; import { ConditionRow } from './Rows/ConditionRow'; import { WarrantyRow } from './Rows/WarrantyRow'; import { PriceRow } from './Rows/PriceRow'; import { GradeRow } from './Rows/GradeRow'; import { AntDesign } from "@expo/vector-icons"; import { IIIpartDetails } from '../../../controllers/offers/interfaces'; import { IPickpartDetails, IuniqueValue, IPickData, Imodal } from '../../../screens/offers/interfaces'; import { ImagesRow } from './ImageRow/ImageRow'; interface IPickOfferBoxProps { partDetails: IPickpartDetails, setUniqValue: React.Dispatch<React.SetStateAction<IuniqueValue>>, openModal: () => void, setData: React.Dispatch<React.SetStateAction<IPickData[]>> setPrices: React.Dispatch<React.SetStateAction<number>> setZoomImage: React.Dispatch<React.SetStateAction<Imodal>>, setSelectedPartDetails:React.Dispatch<React.SetStateAction<IIIpartDetails | undefined>> setBoxImages: any, } export const PickOfferBox: React.FC<IPickOfferBoxProps> = ({partDetails, setUniqValue, openModal, setData, setPrices, setBoxImages, setZoomImage, setSelectedPartDetails}) => { return ( <p> asdasdad </p> ); }

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Considere la composición del componente en reaccionar. O puede probar algo como efector en reaccionar para comunicarse entre componentes, o crear una tienda local para este componente y no necesitará accesorios, los derivará de la tienda.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda