- 综合排序
- 最热优先
- 最新优先
- 来自专栏神光的编程秘籍
身在外企，如何实现 React 应用国际化？
用 react-intl 这个包。 这个包周下载量很高： 我们来用一下。 /App.tsx' import { IntlProvider } from 'react-intl' import enUS from '. } 把 App.tsx 里的文案换成从语言包取值的方式： defineMessages 和 useIntl 都是 react-intl 的 api。 确实，react-intl 提供了一个工具来自动生成语言包。 我们用 react-intl 包实现了国际化。
67910编辑于 2024-05-31 - 来自专栏掘金安东尼
使用 Format.js 来翻译 React 应用程序
/App'; import { IntlProvider } from 'react-intl'; ReactDOM.render( <IntlProvider locale="zh-Hans-CN 在React应用程序中，我们可以在messages.js文件中定义翻译消息，如下所示： import { defineMessages } from '<em>react-intl</em>'; export default 在React应用程序中，我们可以在App.js文件中使用翻译消息，如下所示： import React from 'react'; import { FormattedMessage } from '<em>react-intl</em>
1.2K20编辑于 2023-04-22 - 来自专栏jeremy的技术点滴
gulp替换webpack
"intl": "^1.2.5", "lodash": "^4.17.2", "react": "^15.4.2", "react-dom": "^15.4.2", "react-intl /node_modules/react-intl/dist/react-intl'+ (env.production ? '.min':'') + '.js', {expose: 'react-intl'}); b.require('. /node_modules/react-intl/locale-data/zh.js', {expose: 'react-intl-zh'}); b.require('. /node_modules/react-intl/locale-data/en.js', {expose: 'react-intl-en'}); b.require('.
2.9K40发布于 2018-05-10 - 来自专栏全栈程序员必看
React项目的国际化
最近做的react项目需要支持国际化，网上查了一下，发现一款很好的插件“react-intl-universal”，由阿里巴巴团队开发，这款插件是原先的国际化插件“react-intl”的升级版，“react-intl
1.4K20编辑于 2022-07-28 - 来自专栏我和未来有约会
开源一个辅助B站UP办抽奖活动的工具
留言的截至日期 要排除的用户（通常是 Up 自己） 附录参考资料 UI Fabric flooks CloudBase Framework create-react-app react-app-rewired react-intl
70120发布于 2020-12-25 - 来自专栏高级前端面试笔记
美团前端二面常考react面试题及答案_2023-03-01
数据从上向下流动 对 React-Intl 的理解，它的工作原理？ React-intl是雅虎的语言国际化开源项目FormatJS的一部分，通过其提供的组件和API可以与ReactJS绑定。 React-intl提供了两种使用方法，一种是引用React组件，另一种是直接调取API，官方更加推荐在React项目中使用前者，只有在无法使用React组件的地方，才应该调用框架提供的API。 在React-intl中，可以配置不同的语言包，他的工作原理就是根据需要，在语言包之间进行切换。 diff算法如何比较?
3.5K30编辑于 2023-03-01 - 来自专栏前端面试
一天梳理React面试高频知识点
;对 React-Intl 的理解，它的工作原理？React-intl是雅虎的语言国际化开源项目FormatJS的一部分，通过其提供的组件和API可以与ReactJS绑定。 React-intl提供了两种使用方法，一种是引用React组件，另一种是直接调取API，官方更加推荐在React项目中使用前者，只有在无法使用React组件的地方，才应该调用框架提供的API。 在React-intl中，可以配置不同的语言包，他的工作原理就是根据需要，在语言包之间进行切换。
3.7K20编辑于 2022-10-17 - 来自专栏前端面试
阿里前端二面高频react面试题
对 React-Intl 的理解，它的工作原理？React-intl是雅虎的语言国际化开源项目FormatJS的一部分，通过其提供的组件和API可以与ReactJS绑定。 React-intl提供了两种使用方法，一种是引用React组件，另一种是直接调取API，官方更加推荐在React项目中使用前者，只有在无法使用React组件的地方，才应该调用框架提供的API。 在React-intl中，可以配置不同的语言包，他的工作原理就是根据需要，在语言包之间进行切换。constructor 为什么不先渲染？
1.5K20编辑于 2022-10-24 - 来自专栏Web前端
React 侧边栏组件 Sidebar
React中有多种方式可以实现国际化（i18n），例如使用react-intl库。通过将文本内容提取到外部资源文件中，并根据用户的语言设置动态加载相应的翻译，可以使侧边栏适应不同语言环境。 import React, { useState } from 'react';import { FormattedMessage } from 'react-intl';function Sidebar
3.1K10编辑于 2024-12-24 - 来自专栏前端面试
关于前端面试你需要知道的知识点
比如不自己的state，从props中获取的情况 对 React-Intl 的理解，它的工作原理？ React-intl是雅虎的语言国际化开源项目FormatJS的一部分，通过其提供的组件和API可以与ReactJS绑定。 React-intl提供了两种使用方法，一种是引用React组件，另一种是直接调取API，官方更加推荐在React项目中使用前者，只有在无法使用React组件的地方，才应该调用框架提供的API。 在React-intl中，可以配置不同的语言包，他的工作原理就是根据需要，在语言包之间进行切换。 用户不同权限 可以查看不同的页面 如何实现？
6.4K30编辑于 2022-10-31 - 来自专栏前端面试
腾讯前端二面常考react面试题总结
props 作为其两个参数： this.setState((state, props) => ({ counter: state.counter + props.increment })); 对 React-Intl React-intl是雅虎的语言国际化开源项目FormatJS的一部分，通过其提供的组件和API可以与ReactJS绑定。 React-intl提供了两种使用方法，一种是引用React组件，另一种是直接调取API，官方更加推荐在React项目中使用前者，只有在无法使用React组件的地方，才应该调用框架提供的API。 在React-intl中，可以配置不同的语言包，他的工作原理就是根据需要，在语言包之间进行切换。 React-Router 4怎样在路由变化时重新渲染同一个组件？
2K40编辑于 2022-11-09 - 来自专栏Web大前端
前端框架选择指南：React vs Vue vs Angular
国际化（i18n）React: 可以使用i18next、react-intl等库实现，需要手动配置。Vue: 有vue-i18n库，提供便捷的国际化支持。
1K00编辑于 2024-08-17 - 来自专栏前端面试
你需要的react面试高频考察点总结
prevState.type) { return { type, }; } // 否则，对于state不进行任何操作 return null;}对 React-Intl React-intl是雅虎的语言国际化开源项目FormatJS的一部分，通过其提供的组件和API可以与ReactJS绑定。 React-intl提供了两种使用方法，一种是引用React组件，另一种是直接调取API，官方更加推荐在React项目中使用前者，只有在无法使用React组件的地方，才应该调用框架提供的API。 在React-intl中，可以配置不同的语言包，他的工作原理就是根据需要，在语言包之间进行切换。类组件和函数组件有何不同？
4.5K30编辑于 2022-11-08 - 来自专栏前端面试
前端一面经典react面试题（边面边更）
对 React-Intl 的理解，它的工作原理？React-intl是雅虎的语言国际化开源项目FormatJS的一部分，通过其提供的组件和API可以与ReactJS绑定。 React-intl提供了两种使用方法，一种是引用React组件，另一种是直接调取API，官方更加推荐在React项目中使用前者，只有在无法使用React组件的地方，才应该调用框架提供的API。 在React-intl中，可以配置不同的语言包，他的工作原理就是根据需要，在语言包之间进行切换。参考：前端react面试题详细解答HOC相比 mixins 有什么优点？
3K40编辑于 2022-11-18 - 来自专栏趣谈前端
从零打造一款轻量且天然支持SSR的CMS系统——simpleCMS
国际化方案 多语言主要使用的react-intl, 由于umi 对其有很好的集成, 所以说我们只需要搭建基本的多语言规则即可.
2K00发布于 2021-01-06 - 来自专栏前端面试2
前端常考react面试题（持续更新中）_2023-02-26
对 React-Intl 的理解，它的工作原理？ React-intl是雅虎的语言国际化开源项目FormatJS的一部分，通过其提供的组件和API可以与ReactJS绑定。 React-intl提供了两种使用方法，一种是引用React组件，另一种是直接调取API，官方更加推荐在React项目中使用前者，只有在无法使用React组件的地方，才应该调用框架提供的API。 在React-intl中，可以配置不同的语言包，他的工作原理就是根据需要，在语言包之间进行切换。
1.2K20编辑于 2023-02-26 - 来自专栏用户9715713的专栏
React高频面试题（附答案）
DOM 的获取需要在 pre-commit 阶段和 commit 阶段： 图片 对 React-Intl 的理解，它的工作原理？ React-intl是雅虎的语言国际化开源项目FormatJS的一部分，通过其提供的组件和API可以与ReactJS绑定。 React-intl提供了两种使用方法，一种是引用React组件，另一种是直接调取API，官方更加推荐在React项目中使用前者，只有在无法使用React组件的地方，才应该调用框架提供的API。 在React-intl中，可以配置不同的语言包，他的工作原理就是根据需要，在语言包之间进行切换。
2.2K21编辑于 2022-07-27 - 来自专栏web秀
React组件总结——难道还没有你喜欢的组件吗？
react-infinity react-infinite react-infinite-grid react-virtualized react-lazy-load 其他 react-timesheet react-intl
2.1K30发布于 2019-09-04 - 来自专栏深度学习与python
实现全球化：深入理解国际化框架的构建
尽管以 JavaScript 为核心的 i18n 库（如 i18next、react-intl 和 react-i18next）是该领域的主流工具，可帮助开发人员高效地处理翻译和本地化相关的配置，但它们仅适用于基于 深入了解 i18n 库的工具箱，你会发现以 JavaScript 为核心的解决方案占据了主导地位，尤其是那些围绕 React 的解决方案（如i18next、react-intl和react-i18next
94810编辑于 2023-12-28 - 来自专栏柒八九技术收纳盒
回望过去，展望未来- 2024 React 生态一览表
React-Intl（Format.js）[31] - 是 Format.js 项目的一部分，。React-Intl 是一个库，提供了在 React 应用程序中格式化和处理国际化文本的工具。 https://tanstack.com/table/v8/docs/guide/introduction [30] i18next: https://react.i18next.com/ [31] React-Intl （Format.js）: https://formatjs.io/docs/react-intl/ [32] React Developer Tools: https://chrome.google.com
2.9K10编辑于 2023-11-13
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号