调试代码我认为它将是onSelect的这个函数

Question

• 我在反应类中有工作代码
• 但当我改为React.Component时，整个用户界面都在破碎。
• 调试代码我认为问题将是这个函数onSelect 。
• 因为如果我给控制台声明它不打印任何东西。
• 你能告诉我如何解决它。

• 我甚至检查了css是否相同。

  提供以下代码

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

Answer 1

我在这里创建了一个有效的解决方案：JSFiddle

似乎React.cloneElement会在分配的道具上添加修饰符。所以没有一个道具“_onSelect”，而是“$ Accordion”

对这些道具的工作函数调用如下所示：

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

要删除$ Accordion添加，请不要使用下划线启动prop键。如果它只是'onSelect'，那么它将作为'onSelect'传递。这是JSFIddle