Реакция компонентов, как выполнить кнопку, вызывающую функцию из другого компонента

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, но не использовать его, поэтому не работает. В вашем случае лучшим способом является реализация handleClick непосредственно на ваш ComponentA, но это не то, что вы хотите сделать. Если вы хотите использовать одни и те же функции с различными компонентами, используя redux вместе с реакцией js, вы получите работу и предоставите другим компонентам;)