antd的List组件在框架里异常的表现

easy-team / egg-react-webpack-boilerplate

Egg React Server Side Render(SSR) / Client Sider Render(CSR)

https://easyjs.cn/egg-react

MIT License

671 stars 93 forks source link

Closed linzelong95 closed 5 years ago

linzelong95 commented 5 years ago

如图。使用antd的List组件，渲染出N个，但第一个总是被一个不明容器嵌套着，这个不明容器的样式随着样式的改变而改变，也就是等同于第一个嵌套了自己。

已知：采用的是服务端渲染的多页面，ctx.render()渲染 asset里的css文件全删，header组件的css也重新设置。项目是昨天git clone下来的。antd的版本是3.15.2，电脑系统是win10.

info

hubcarl commented 5 years ago

@linzelong95 这个你通过 chrome dev tools 排查一下，这个多余的样式是哪里设置的

linzelong95 commented 5 years ago

@hubcarl 我记得，第一个外面套了一层div容器，这个容器的样式，恰好来自于里设置的样式。除了第一个有这样的问题，其他的没有问题。 ps:无关的样式和页面真的删得一干二净，整个项目只有这么一个demo

hubcarl commented 5 years ago

@linzelong95 你这个写个最简单 react 项目或者不嵌套或者用 class形式都试试吧如果有问题，建议去 AntD 那里问题

linzelong95 commented 5 years ago

@hubcarl 我觉得这是不是antd的问题，因为当我使用客户端渲染，并没有出现这个bug，所以我只能怀疑是服务端渲染出了问题。

hubcarl commented 5 years ago

@linzelong95 服务端渲染只做 jsx 转 html，至于样式有问题，你可以查找哪里多出来的样式

hubcarl commented 5 years ago