tengo 3 componentes:

 -Component A -Component B -Component C extends Component B

Estoy pasando una función como accesorios del Componente A al Componente B y quiero llamar a la función en el Componente C.

He intentado agregar:

 constructor(props) { super(props); this.props.validationsFunc = this.props.validationsFunc.bind(this); }

y variaciones con/sin props en cualquier lado del enlace en el Componente B. Pero cuando intento llamar a this.props.validationsFunc() en el Componente C, aparece el error que dice que no es una función.

 class ComponentA extends PureComponent { const validationsFunc = () => { console.log('hi'); }; <ComponentB validationsFunc={validationsFunc} /> } class ComponentB extends PureComponent { static propTypes = { validationsFunc: PropTypes.func }; constructor(props){ super(props); this.props.validationsFunc = this.props.validationsFunc.bind(this) } } class ComponentC extends ComponentB { this.props.validationsFunc(); }

¿Cómo accedo a esta función en el Componente C sin pasarle props directamente?