如何使用react-i18next？

问题描述

我想翻译对象内部的单词。将调用myInformation并将其与myCompany一起放置在合并变量中。

import { useTranslation } from 'react-i18next'
const myInformation = {
  title: 'My information',icon: InfoOutlinedIcon,links: [
    {
      name: 'Personal information',slug: `/profile/personal-information`,},{
      name: 'My loyalty programs',slug: `/profile/my-loyalty-programs`,icon: FavoriteBorderOutlinedIcon,{
      name: 'Id documents',slug: `/profile/id-documents`,icon: ContactMailIcon,{
      name: 'My password',slug: `/profile/my-password`,icon: VpnKeyIcon,],}

 const ViewInformation = () => {

 const merge = [myInformation,myCompany]
 const renderList = merge.map((item,i) => (
    <OneMenuItem key={i} handleClose={handleClose} item={item} />
  ))

 return({renderList})
 }

当我在myInformation下添加const {t} = useTranslation（）时，它将不允许我这样做。地图中的单词如何翻译？

const oneMenuItem = () => {
    //some other codes here
    const renderNestedLinks = item.links
    item.links.map((link,key) => {
        return (
          <Box key={key} mt={0.5}>
            <ListItem
              onClick={handleClose}
              to={link.slug}
              component={Link}
              className={classes.nested}
            >
              <ListItemIcon style={{ minWidth: '40px' }}>
                {<link.icon color="primary" />}
              </ListItemIcon>
              <ListItemText
                className={classes.listItemText}
                primary={link.name}
              />
            </ListItem>
          </Box>
        )
      })

      return ({renderNestedLinks})
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）