解决Next.js使用Arco design select框 option不显示问题

背景：使用的是服务端渲染利于SEO的项目，UI用的Arco design

问题描述： 使用select组件时没有option组件，由于是服务端渲染的项目，在控制台看不见渲染出来的option框，因为是套在modal框中写到表单组件，最开始考虑到是被modal框挡住了。于是把modal框背景色改为透明，还是看不见Option。接着就找option的DOM节点，发现整个Modal的节点不在父组件节点下。用控制台元素选择器找不到option节点。于是改变思路，用浏览器插件Components，选择select节点，发现是有option的DOM节点，只是浏览器算出来的定位位置不对，为NaNpx*NaNpx。找到这个问题，没什么思路。看到控制台Rect-dom版本是18+，找到ArcoDesign库，看看需要是17以下。于是改为兼容版本。问题解决！！

总结：思考问题局限性！！不善于用工具！解决问题css问题思路：先找到DOM节点看问题。

NextJs 是一款 React 开发框架，主要关注两点：

为生产环境所准备：无需复杂配置即可提供升级环境所需的各种功能
提供良好的开发者体验(DX)

通过 Next.js 框架开发的 React 应用无需配置就可以如服务端渲染 SSR、编译时渲染 SSG，Typescript 语言支持，自动打包，路由愈加载等功能。

链接：https://juejin.cn/post/7021418564556963871