Remix怎么集成antd和pro-components

云技术五哥 • 06/01 16:33 • 开发 • 阅读 61

本篇内容介绍了“Remix怎么集成antd和pro-components”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！核心要注意的问题就是：兼容性主要体现在 React18 和其他的包的兼容性使用脚手架创建的项目默认使用 React 18,由此带来兼容性问题？React 18 api 发生了变化，渲染 api 调用是否手动修改为 React18 的方式？npm 的 peer 依赖安装与否？其他的依赖的兼容 React 18 的问题？我们知道 Remix 其实基于 esbuild 很多代码都跑在服务端，所以服务端的渲染的注意点是我们要提前知道：antd 支持服务端渲染pro-components 不支持服务端渲染，一般用于客户渲染，因为直接使用了 window/document 等客户端才有的全局对象remix-utils 工具包支持 {() =&免费云主机域名gt; You Content>} 使用组件仅仅在客户端进行渲染。remix.config.js全局配置放在 SettingContext 上下文中，需要修改和使用都基于此上下文。将 html 单独的抽离一个 Document 组件，方便日后修改在 Document 组建中增加 __ANTD__ 方便后期替换 antd 客户端内容客户端主要配合： @ant-design/cssinjs定义 theme, setTheme 给 SettingContext 使用控制 antd 配置变化，要说明的点 StyleProvider 是用于 antd 服务端渲染配置, 而 ConfigProvider 是 antd 主题配置的提供者。注意：React18 中不能使用 hydrateRoot api 来进行水合。与客户端一样需要 @ant-design/cssinjs 来配置 antd 的样式。客户端和服务端的改造中包含了：__ANTD__ 在服务端环境中替换/routes/_layout.tsx

相关推荐: C语言函数的递归怎么调用

这篇文章主要讲解了“C语言函数的递归怎么调用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“C语言函数的递归怎么调用”吧！程序调用自身的编程技巧称为递归( recursion) 。递归做为一种算法在程序设计语言中…

免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。