ReactJs: поток управления во вложенных компонентах

У меня есть компонент A(bigger container), который вызывает два других компонента B(say a kind of header) и C (input form). Теперь мне нужно скрыть заголовок шоу с учетом поведения пользователя на C.

У меня есть решение, в котором A передает функции в качестве реквизита в C, который C может вызывать и изменять состояние в A. Это измененное состояние передается в B, который изменяет текст в B.

Минимальный жизнеспособный пример: -

A: Содержит состояние с focused и вызывает компоненты B и C

class A extends React.Component {
  state = {
    focused: true,
  }

  onFocus = () => {
    this.setState({ focused: true });
  }

  onBlur = () => {
    this.setState({ focused: false });
  }
  render() {
    return (
      <div>
        <C onFocus = { this.onFocus } onBlur = { this.onBlur } focus = { this.state.focused } />
        <B focus = { this.state.focused } />
      </div>
    );
  }
}

B: просто покажите другой текст на основе реквизита из A

const B = (props) => (
  props.focus ? <div> Focussed </div> : <div> Blurred </div>
);

C: содержит текстовое поле ввода, которое выполняет функции из A по действию пользователя

class C extends React.Component {
  state = {
    value: '',
  }

  handleChangeEvent(event) {
    this.setState({ value: event.target.value });
  }

  render() {
    return (
      <input type = "text"
        value = { this.state.value }
        onChange = { this.handleChangeEvent }
        onFocus = { this.props.onFocus }
        onBlur = { this.props.onBlur }
        focus = { this.props.focus }
      />
    );
  }
}

Однако в моем реальном приложении у меня есть несколько компонентов между A и C (A, вызывающий A1, вызывающий A2 ...), и чтобы сделать эти функции доступными, все промежуточные компоненты должны получить их как реквизиты.

Есть ли более изящный способ решить это требование, чтобы все мои промежуточные компоненты не получали эти реквизиты (предназначенные только для дальнейшей передачи)?