Chengzhebei/src/components/Zback/index.tsx

import React from 'react'
import styles from './index.module.scss'
import { useSelector } from 'react-redux'
import { RootState } from '@/store'

type Props = {
  clickFu: () => void
}

function Zback({ clickFu }: Props) {
  const { myLangue } = useSelector((state: RootState) => state.A0Layout)

  return (
    <div className={styles.Zback} onClick={(e) => {
      e.stopPropagation()
      clickFu()
    }} id='Zback'>
      <img
        className='backImg'
        src={require(`@/assets/img/btn_back${myLangue === 'EN' ? 'En' : ''}.png`)}
        alt=''
      />
    </div>
  )
}

const MemoZback = React.memo(Zback)

export default MemoZback