const Container = (props) => { return ( <StyledDiv> <SmallScreenDiv>{props.children}</SmallScreenDiv> </StyledDiv> ); }; Este es mi código y el error ocurre en {props.children}
¿Cómo puedo solucionar este error de eslint?
También puedes destruir tus accesorios de esta manera:
const Container = ({children}) => { return ( <StyledDiv> <SmallScreenDiv>{children}</SmallScreenDiv> </StyledDiv> ); };Hay dos soluciones para esto
Deshabilite la función de desestructuración preferida en el eslint
desestructura tus accesorios
const Container = ({children}) => { return ( <StyledDiv> <SmallScreenDiv>{children}</SmallScreenDiv> </StyledDiv> ); };o
const Container = (props) => { const {children} = props return ( <StyledDiv> <SmallScreenDiv>{children}</SmallScreenDiv> </StyledDiv> ); };Recomendaré usar la segunda opción.