React中获取格式化消息：普通函数还是自定义Hook更推荐？

更推荐方式二（自定义useMessage Hook），原因如下：

• 符合React Hook的使用规则：useIntl本身是React Hook，按照规则只能在组件或自定义Hook的顶层调用。方式一的普通函数虽然当前能运行，但如果后续需要在消息获取逻辑中添加其他Hook（比如状态管理、副作用处理），就会触发Hook规则报错；而自定义Hook天然适配Hook体系，扩展性更强。

• 代码更简洁，关注点分离：组件中无需手动调用useIntl并传递实例，直接调用useMessage就能拿到消息，让组件更专注于业务渲染，把消息获取的逻辑统一封装在Hook里。

• 维护成本更低：如果后续需要调整消息获取逻辑（比如添加默认文本、处理多语言切换的额外逻辑），只需要修改useMessage这一处，不用逐个修改所有调用getMessage的组件，减少重复工作量。

反观方式一的普通函数写法，不仅需要组件额外处理intl实例的传递，还存在违反Hook规则的潜在风险，长期来看灵活性和可维护性都不如自定义Hook方案。

内容的提问来源于stack exchange，提问作者Zhi Li