如何解决react-i18next:将 t 函数传递给所有孩子还是在每个孩子中使用 useTranslation?
我正在使用 react-i18next
翻译我的 React 应用程序。
对于每个不同的“主”页面(从菜单导航),我使用 t()
获得 useTranslation
功能;对于这些页面的子组件,我将 t
和其他 props 传递给子组件。
我想知道我的做法是否正确?
将t
和useTranslation
放在每个孩子的体内,而不是在他们的父母体内,是否更好?
解决方法
恕我直言,在每个组件中使用 useTranslation
是更好的方法,因为:
- 您的组件结构更加一致(导致一致性)
- 您不必决定是采用一种方式还是另一种方式(这有助于概念完整性,尤其是在团队合作时)
- 您的组件更容易重用(因为它们不会要求自己可以得到的东西)
- 如果您使用 PropTypes 或 TypeScript,您只需编写更少的代码,因为所有类型都是自动推断的
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。