如何使父组件成为其子组件的标签？

Question

我正在使用一个库，它为我的布局呈现一个特定的按钮。这是图书馆react-add-to-calendar。

我没有任何定制选项，所以我目前正在将按钮包装在一个div中，这会给按钮提供我想要的外观。但问题是，子组件只占父组件的很小一部分，而只有子组件才会对单击作出反应。因此，对于用户，有一个按钮，其中大部分是不可点击的，尽管它看起来应该是。只有单击文本本身才会触发所需的操作。

如何使整个按钮对单击做出适当的反应？

这是我的密码：

   <div className="stream__button stream__button-line clickable">
      <AddToCalendar event={event} />
    </div>

Answer 1

根据文档，您可以使用以下道具传递自定义类：

• buttonClassClosed
• buttonWrapperClass
• buttonClassOpen
• dropdownClass
• rootClass

Answer 2

你能试试这个吗。

<AddToCalendar event={event} rootClass="stream__button stream__button-line clickable" />

移除你现在的外罩。

如果buttonWrapperClass不工作，可以尝试rootClass。