组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
1
回答
23浏览
自定义组件怎么处理 props 变化才最合理？
我写了个带搜索功能的下拉组件，但父组件传进来的 options 更新后，下拉列表没反应。是不是该用 useEffect 监听 props 啊？ 试过直接在 render 里用 props.option...
-
2
回答
32浏览
Progress进度条百分比显示不更新怎么办？
我用的是 Ant Design 的 Progress 组件，传了 percent={30}，但页面上始终显示 0%，控制台也没报错。 明明 state 里数据是对的，也试过用 useEffect 强制...
-
2
回答
34浏览
Ant Design 的 message 为什么在组件卸载后还会报错？
我在 React 组件里用 message.error() 提示错误，但有时候用户操作太快，组件已经卸载了，message 还在显示，控制台就报 Warning：Can't perform a Rea...
-
2
回答
41浏览
DatePicker日期组件的样式怎么覆盖不生效？
我在用 Ant Design 的 DatePicker，想改一下下拉面板的宽度，但加了 CSS 样式死活不生效，是不是被组件内部样式优先级搞死了？ 我试过直接写类名覆盖，也试过加 !important...
-
1
回答
32浏览
自定义组件的文档怎么写才规范？
我刚封装了一个带搜索功能的下拉选择组件，但不知道怎么写配套的文档。现在团队要求每个组件都要有清晰的使用说明，但我试了直接贴代码，同事说看不懂 props 和事件怎么用。 比如我的组件是这样用的： &l...
-
1
回答
40浏览
Bootstrap Popover弹出框为什么点击没反应？
我按照官方文档引入了Bootstrap的JS和Popper，也给按钮加了data-bs-toggle="popover"属性，但点击完全没反应，控制台也没报错。 是不是还要手动初始化？我试过new b...
-
2
回答
45浏览
Element Plus 走马灯怎么设置自动轮播不生效？
我用 Element Plus 的 Carousel 组件，想让它自动轮播，但加了 autoplay 属性后完全没反应，还是得手动点。是不是还要配其他参数？我试过把 interval 设成 2000，...
-
2
回答
130浏览
Element Plus 的 Descriptions 组件怎么设置 label 宽度？
我在用 Element Plus 的 Descriptions 描述列表，发现 label 宽度太窄，内容被挤到下一行了。 试过加 label-width 属性，但好像没生效，是不是写法不对？ <...
-
1
回答
19浏览
Watermark水印组件在页面滚动时位置错乱怎么办？
我用原生JS写了个简单的全屏水印组件，本来显示没问题，但一旦页面有滚动条，水印就跟着滚动跑偏了，不是固定在视口上的。我试过用 fixed 定位，但水印容器还是随着文档流动，完全没固定住。 是不是我的样...
-
2
回答
25浏览
Statistic组件数值不更新是怎么回事？
我在用Ant Design的Statistic组件展示实时数据，但状态变了组件却没刷新，明明state已经更新了啊？ 试过用useEffect监听，也确认了父组件传的value确实变了，但Statis...
-
2
回答
19浏览
Material-UI 的 Snackbar 为什么样式不生效？
我用 Material-UI 的 Snackbar 组件，想自定义它的背景色和文字颜色，但加了 sx 样式没反应。试过用 styled 包裹也不行，是不是被默认样式覆盖了？ 这是我在组件里写的 CSS...
-
1
回答
24浏览
Watermark水印组件在页面滚动时错位怎么办？
我用CSS实现了一个全屏水印，但页面一滚动，水印就跟着动，不是固定在视口上的。明明用了position: fixed，但还是错位了，这是为啥？ 我试过把水印容器放在body最外层，也加了pointer...
-
2
回答
38浏览
Naive UI 的 Popover 气泡怎么设置默认展开？
我在用 Naive UI 的 n-popover 组件，想让气泡在页面加载时就默认显示出来，而不是等用户 hover 或点击才出现。试了设置 show 属性为 true，但好像没生效，是不是还要配合其...
-
2
回答
22浏览
表单布局用 Flex 还是 Grid 更合适？
最近在写一个用户信息编辑的表单，字段有姓名、邮箱、电话、地址这些，想让它们在桌面端两列显示，移动端一列。我试了用 Flex 布局，但对齐老出问题，标签和输入框高度不一致，看起来很乱。 是不是该换 CS...
-
2
回答
33浏览
表单布局用 Flex 还是 Grid 更合适？
我在写一个用户信息编辑表单，想让 label 和 input 左右对齐，但用 Flex 布局总感觉间距控制不好，试过 Grid 又担心兼容性。有没有更稳妥的方案？ 目前代码是这样写的： const U...
-
2
回答
36浏览
Element Plus的Avatar头像不显示图片是怎么回事？
我在用Element Plus的Avatar组件时，传了图片地址但头像一直显示默认占位符，没报错也没加载图片。我试过直接写死URL和用变量绑定，都不行。 代码是这样写的： <el-avatar ...
-
2
回答
31浏览
Element Plus骨架屏怎么动态控制显示和隐藏？
我用Element Plus的Skeleton做加载占位，但不知道怎么在数据加载完后自动隐藏它。试了v-if绑定loading状态，但骨架屏一闪就没了，体验不好。 这是我的代码： <templa...
-
2
回答
27浏览
Material-UI的Radio单选怎么绑定值？
我用Material-UI写了个表单，想用Radio做性别选择，但选了之后state没更新。我试了用value和checked属性，还绑了onChange，但控制台打印出来还是初始值。 下面是我的代码...
-
1
回答
35浏览
Material-UI 的 Button 为什么样式没生效？
我按照文档引入了 Material-UI 的 Button 组件，但按钮看起来还是原生样式，没有 Material Design 的效果，是不是哪里漏了？ 我已经装了 @mui/material 和 ...
-
1
回答
45浏览
WebGL组件在React中如何正确销毁避免内存泄漏？
我在React里封装了一个WebGL画布组件，每次切换页面时发现GPU内存没释放，Chrome任务管理器里显存一直涨。 试过在useEffect返回函数里调用gl.getExtension('WEBG...
