Reactjs 停止一个子组件重新渲染

我使用react card flip创建应用程序。子组件从父组件获取道具。如何防止特殊道具翻转时道具发生变化（重新渲染）？结构如下： 这是卡片的正面。 点击翻转

这是卡片的背面。
点击翻转

为了防止重新招标，您可以使用

React.memo（）

---

您可以使用

React.PureComponent

或

React.memo（）

首先要做的事情：
React.memo（）
与
PureComponent
的作用相同，但它不检查
状态的更改，只检查
道具中的更改

在此处查找更多信息：
我对应用程序使用挂钩。我可以用usememo代替memo吗？区别是什么？useMemo只会记忆值/变量/状态，以防止重新计算昂贵的操作，但不会停止重新排序。React.memo是一个临时文件
    <YOUR_BACK_COMPONENT>
      This is the back of the card.
      <button onClick={this.handleClick}>Click to flip</button>
    </YOUR_BACK_COMPONENT>
  </ReactCardFlip>

const YOUR_BACK_COMPONENT = React.memo((props) => {

   return ....
}, (prevProps, nextProps) => {

  //do stuff to compare. return true to re-render and vice versa
} )