他のコンポーネントの関数を呼び出すボタンを実行する方法

Question

私は別のコンポーネントの関数を呼び出すボタンを実行しようとしています。

import ComponentB from './components/ComponentB ' 
 
import React, {Component} from 'react'; 
 

 
class ComponentA extends Component { 
 
    render() { 
 
     return 
 
     (
 
      <button onClick={this.handleClick}>click me</button>  
 
     ); 
 
    } 
 
} 
 

 
export default ComponentA;

これはうまくいきませんでした。ボタンは関数を呼び出すことができませんでした。私は間違って何をしていますか？

import React, { 
 
    Component 
 
} 
 
from 'react'; 
 

 
class ComponentB extends Component { 
 
    constructor() { 
 
    this.handleClick = this.handleClick.bind(this); 
 
    } 
 
} 
 
handleClick() { 
 
    console.log("hi hi hi"); 
 
} 
 
} 
 

 
export 
 
default ComponentB;

Answer 1

あなたは働いていない理由です、ComponentBをインポートし、それを使用していません。あなたの場合、最良の方法はComponentAに直接​​を実装することですが、これはあなたがしたいことではありません。異なるコンポーネントで同じ機能を共有する場合は、reduxを反応jと共に使用すると、他のコンポーネントにも提供されます）