Estoy tratando de usar accesorios dentro de la función de accesorios funcionales.
const Inputs = (props) => { console.log(props.printFirstArray); const FirstInputSet = () => { console.log(props.printFirstArray) } } El primer archivo console.log está registrando el valor de printFirstArray , pero el segundo archivo console.log dentro de la función FirstInputSet() no está registrando nada. Editar: código mínimo
const Inputs = (props) => { const FirstInputSet = () => { return ( <> <div className="first input-set"> {props.printFirstArray} </div> </> ); } const renderFirstInputSet = () => { if (props.firstInputValue) return <FirstInputSet /> else return null; } return ( <> {renderFirstInputSet()} </> ); }Ni props.printFirstArray ni props.printSecondArray no devuelven nada
Desde su código, FirstInputSet es un componente nuevo y no está pasando ningún accesorio.
return <FirstInputSet />Intente pasar sus accesorios al componente secundario, pero recomiendo mantener el componente secundario fuera del componente principal.
O
Si tenía la intención de usar FirstInputSet como una función, puede modificar el código como se muestra a continuación
return FirstInputSet();