Reactjs 为什么高阶组件在react中不工作？

您能告诉我为什么这个高阶组件不工作吗？我正在尝试使用

HOC

显示按钮和标签。这是我的代码

vard=（comp）=>类扩展React.Component{
渲染（）{
返回（）
}
}
类扩展了React.Component{
render（）{
返回(
赫罗
)
}
}
类扩展了React.Component{
render（）{
返回(
你好
)
}
}
常数PP=D（B）
常数PPP=D（A）
C类扩展了React.Component{
render（）{
返回(
)
}
}
ReactDOM.render（，document.getElementById（'root'））

React组件必须以大写字母开头，您可以在

大写类型表示JSX标记引用的是React 组成部分。这些标记被编译成对 命名变量，因此如果使用JSX表达式，则Foo必须 在范围内

vard=（comp）=>类扩展React.Component{
渲染（）{
返回（）
}
}

应该是

var D = (Comp) => class extends React.Component{
  render (){
    return (<Comp/>)
  }
}

vard=（Comp）=>类扩展React.Component{
渲染（）{
返回（）
}
}

---

React组件必须以大写字母开头，您可以在

大写类型表示JSX标记引用的是React 组成部分。这些标记被编译成对 命名变量，因此如果使用JSX表达式，则Foo必须 在范围内

vard=（comp）=>类扩展React.Component{
渲染（）{
返回（）
}
}

应该是

var D = (Comp) => class extends React.Component{
  render (){
    return (<Comp/>)
  }
}

vard=（Comp）=>类扩展React.Component{
渲染（）{
返回（）
}
}

---

谢谢你的回答..你能告诉我如何在子组件中显示

count

状态值吗谢谢你的回答..你能告诉我如何在子组件中显示

count

状态值吗

var D = (Comp) => class extends React.Component{
  render (){
    return (<Comp/>)
  }
}