Как передавать события с помощью реквизита из одного компонента в другой в React JS?

Question

Я новичок в изучении React JS.У меня есть таблица React Bootstrap, где я могу выбирать и сравнивать товары, используя кнопки «Сравнить» и «Очистить».Поскольку я буду использовать Button несколько раз в своем проекте, я хотел иметь компонент «Button», где я мог бы передавать события EventHandling и Button через реквизиты.Может ли кто-нибудь помочь мне?

Что у меня есть сейчас -

Компонент контейнера:

<button onClick={this.onButtonClick}>Compare</button>
<button onClick={this.onClearClick}>Clear</button>

Что я хотел сделать -

КонтейнерКомпонент:

<Button onClick={this.onButtonClick} text="Compare"/>
<Button onClick={this.onClearClick} text="Clear"/>

Компонент кнопки:

import React from 'react';

const Button = (props) => {
    return (

        <button onClick={props.onClick}>{props.text}</button>
    );
};

Button.defaultProps = {
    message : 'Click Me!'
};

export default Button ;

Полный код здесь - https://codesandbox.io/s/pk964xy5w0

Answer 1

Работало нормально.Извините за пост.