Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

153
Views
¿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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!