- 博客(3)
- 收藏
- 关注
RSS订阅原创 React实现带搜索框的下拉菜单
组件时，传入一个函数，而我需要在对应的地方调用这个函数，并为其传入。来控制下拉菜单的显示与隐藏，主要是为了过渡效果（操作元素的高度）获取焦点时，也应该展开下拉菜单，不过我这里换了一种做法。我为根组件绑定了点击事件，限制了图标组件的点击事件。此次实现了一个带有搜索功能的下拉菜单，效果图如下。属性变化时，过滤下拉菜单的选项列表，并通过。当选中下拉菜单的某个选项时，将该选项的。输入框的内容替换为对应的值，需要为每个。当点击右边的图标时，所呈现的效果。第二个场景，是在用户输入时触发的。的值就可以更改其显示的图标）
2024-10-13 16:31:55
1942
原创 React实现气泡确认框（PopConfirm）
但如若要获取按钮的位置，需要先获取到按钮元素，可以使用。基本功能实现后，就可以添加个性化需求了，完整代码如下。近期模仿Ant Design，实现了一个气泡确认框。时，为页面添加一个点击事件，隐藏时移除点击事件。来编写样式组件，只展示了一些关键点。获取按钮元素的位置信息，我使用了。放在所点击按钮的旁边就可以了。如何才能在点击按钮时，先弹出。的第二个参数，为按钮元素指定。组件之外的地方时，需要隐藏。就不会影响页面的布局了。首先，我定义了一个变量。，来放置原有的按钮组件。使用示例，效果图在前面。
2024-09-19 09:06:43
989
原创 React页面加载时恢复上次保存的滚动位置，自定义hook
整体思路为，使用页面路径作为key，当卸载组件时，将scrollTop存储至sessionStorage中，进入页面时则先读取并应用所缓存的scrollTop。
2024-08-27 14:40:43
569
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人