Reactjs React函数是否可以更改为类组件

请检查以下Guillerme Toti链接中的答案

如果我可以使用“const Keys”作为react组件，例如：“class Keys扩展react.component”，是否可能

constkeys=（{calcKeys，handleClick}）=>(
{calcKeys.map（项=>(
handleClick（item.key）}>{item.key}
))}
)

您可以，只需在

渲染方法中引用组件的道具即可：

class Keys extends React.Component {
  render() {
    const { calcKeys, handleClick } = this.props;
    return (
      <div className="display-keys">
        {calcKeys.map(item => (
             <button onClick={() => handleClick(item.key)}>{item.key}</button>
         ))}
      </div>
    );
  }
}

类键扩展了React.Component{
render（）{
const{calcKeys，handleClick}=this.props；
返回(
{calcKeys.map（项=>(
handleClick（item.key）}>{item.key}
))}
);
}
}

但是想要这样做有点奇怪-它会使代码变得更长，而没有太多理由，并且在可能的情况下在新代码中做出反应。
您可以，您所需要做的就是在
渲染方法中引用组件的道具：

class Keys extends React.Component {
  render() {
    const { calcKeys, handleClick } = this.props;
    return (
      <div className="display-keys">
        {calcKeys.map(item => (
             <button onClick={() => handleClick(item.key)}>{item.key}</button>
         ))}
      </div>
    );
  }
}

类键扩展了React.Component{
render（）{
const{calcKeys，handleClick}=this.props；
返回(
{calcKeys.map（项=>(
handleClick（item.key）}>{item.key}
))}
);
}
}

但是想要这样做有点奇怪——它会让代码变得更长，而没有太多理由，并且在可能的情况下会在新代码中做出反应。
是的。您当然可以作为类组件重新编写。但趋势是将类组件重写为函数式组件

作为类组件可以做的事情也可以通过函数类来实现。功能组件还具有使用挂钩的优势

看看
是的。您当然可以作为类组件重新编写。但趋势是将类组件重写为函数式组件

作为类组件可以做的事情也可以通过函数类来实现。功能组件还具有使用挂钩的优势

看看