Tenemos la mejor respuesta que hemos encontrado on line. Nuestro deseo es que te sirva de ayuda y si quieres compartir algo que nos pueda ayudar a perfeccionar nuestra información hazlo libremente.
Solución:
Podría intentar lo siguiente para desestructurar children desde this.props:
export default class WallPaper extends Component
render()
const children = this.props;
return (
children
);
Parece que su proyecto puede requerir propTypes para este componente. Intente lo siguiente para agregar un children tipo de utilería. Tenga en cuenta que deberá instalar los tipos de prop del paquete:
// ...
import PropTypes from 'prop-types';
class WallPaper extends Component
render()
const children = this.props;
return (
children
);
WallPaper.propTypes =
children: PropTypes.node // or PropTypes.node.isRequired to make it required
;
export default WallPaper;
¡Espero que eso ayude!
Faltan las respuestas para los casos de componentes funcionales. children es solo un accesorio pasado al componente. Para usarlo como si estuviera usando props.url, debe agregarlo a esa lista para que pueda “sacarse” del objeto props.
export const Welcome = (name, hero, children) =>
return (
Class Component with name as hero
children
)
Esto se debe a la regla de pelusa.
Puede desactivar la regla si no desea destruir.
Si quieres, puedes hacerlo así.
export default class WallPaper extends Component
render()
const children = this.props
return (
this.props.children
);
Recuerda algo, que tienes el privilegio añadir una tasación verdadera .