tengo estos dos componentes
<Field component={renderTextField} id="jobTitle" label={t("field1")} name="jobTitle" required defaultValue={isOfferCopied ? job.jobName ? "Test"} /> export const renderTextField = (props) => { const { input, meta: { touched, invalid, error }, endAdornment, ...restProps } = props; return ( <TextField {...input} {...restProps} variant="outlined" error={touched && invalid} helperText={touched && error} InputProps={{ endAdornment }} // margin='dense' /> ); }; Estoy tratando de enviar prop defaultValue en el componente de Field , pero la salida está vacía. ¿Como puedo resolver esto?.
¡Gracias a todos por adelantado!
Puede configurar el objeto Prop completo predeterminado aquí:
export const renderTextField = (props = { input = 'somedefaultInput', endAdornment = 'eye', meta = { touched: false, invalid: false, etc }) => {
O también puede predeterminar cuando está definiendo la const
const { input = 'someDefaultInput', meta: { touched, invalid, error } = { touched: false, invalid: false, error: null }, endAdornment = 'eye', ...restProps } = props; También recomendaría encarecidamente ser explícito con los accesorios que está desestructurando y evitar los ...restProps