react-i18next无法翻译map渲染对象问题求助

AI 小北

2026-7-1

如何使用react-i18next翻译通过map渲染的作品集项目？

我正在尝试用react-i18next翻译我的作品集页面，查阅了大量相关问题仍无法解决。我在Projetos.jsx中通过map函数渲染对象列表，但无法对这些对象的文本内容实现翻译，相关渲染代码如下：

{projetos.map((projeto) => (
            <div className="col-md-6 col-lg-3 card bg-transparent" key={projeto.id}>
              <img src={projeto.image} alt="" className="img-fluid galeimg card-img border border-4 border-success rounded-4" />
              <div className="card-img-overlay cardcontent">
                <h5 className="card-title h4">{projeto.title}</h5>
                <p className="card-text h5">{projeto.text}</p>
                <p className="card-text">{projeto.text2}</p>
                <a href={projeto.link} target="_blank" className="btn btn-success">Ver</a>
              </div>
            </div>
          ))}

我需要解决该翻译问题，并获取Projetos.jsx中其余站点文本的翻译指导。我尝试过Stack Overflow上的相关方案但均无效。