Как запустить функцию находящийся в другом компоненте?

Question

[Daniil]

У меня есть два компонента первый основной во втором лежит функция. При нажатии в первом компоненте на 'Click me !' нужно чтобы запускалась функция из второго компонента.
Вот первый компонент:

import React, { Component } from 'react';
import Btn from './musor.js';
class App extends Component {
  constructor() {
    super();
    this.state = { 
    };
    this.onShow2 = this.onShow2.bind(this);
  } 
  onShow2() {
    this.onShow1();  // функция находящиеся во втором компоненте
    console.log("You click 1");
  }
  render() {
    return(
      <div onClick={this.onShow2.bind()}>
        Click me !
      </div>
    );
  }
}
export default App ;

Вот второй компонент:

import React,{Component} from 'react'
class Btn extends Component {
    constructor() {
      super();
      this.state = { 
        
      };
      this.onShow1 = this.onShow1.bind(this);
    } 

    onShow1() {
      console.log("You click")
    }

    render() {
      return(
        <div> </div>
      );
    }
  }
  export default Btn ;

Answer 1

[t800zippygod]

Прочитайте сначала хотя бы введение в React. Есть такой очень редкий термин там — пропсы

Answer 2

[onekrugoikov]

• Props
  
• Redux
  
• React Hooks (useContext, useReducer)