javascript - 调试代码我认为这将是这个函数 onSelect

Question

• 我在 React 类中有工作代码
• 但是当我更改为 React.Component 时，整个 UI 都崩溃了。
• 调试了代码，我认为问题出在这个 onSelect 函数上。
• 因为如果我给控制台语句它不会打印任何东西。
• 你能告诉我如何解决吗？

• 我什至检查了 CSS 是一样的。

  提供以下代码

class Accordion extends React.Component {
  constructor(props) {
    super(props);

Answer 1

我在这里创建了一个可行的解决方案:JSFiddle

似乎 React.cloneElement 在分配的 Prop 上添加了一个修饰符。因此，它没有使用 Prop “_onSelect”，而是在前面加上“$Accordion”

对这些 props 的有效函数调用如下所示:

this.props.$Accordion_onSelect(this.props.id);    

要删除 $Accordion 添加项，请不要以下划线开头 prop 键。如果它只是“onSelect”，那么它将作为“onSelect”传递。这是 JSFIddle