react中input标签怎么放子元素?

兰陵笑笑生…… 2021-04-26 05:36:56

在react中使用input标签再在里面放子元素标签会报错

...全文

287 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

兰陵笑笑生…… 2021-04-28

打赏
举报

回复

可以了，这种方法不错

姎楹 2021-04-28

打赏
举报

回复

可以把input和图片放到一个div里面

兰陵笑笑生…… 2021-04-27

打赏
举报

回复

引用 1 楼 ZionHH的回复:

没懂，<input />自闭合标签，里面不能再放标签了

如果我要在input表单里放图片怎么办

ZionHH 2021-04-26

打赏
举报

回复

没懂，<input />自闭合标签，里面不能再放标签了

本文介绍在React应用中如何通过input标签上传图片，并实现图片的实时预览功能。主要涉及两种方法：一是利用id选择器操作DOM元素，二是利用ref属性直接获取DOM节点进行操作。

本文介绍了React自定义input样式并保留其功能的实现方法，包括给input加ref、用label实现等。还提及函数式组件的参考链接，涉及react创建ref、input属性运用、改变样式、触发事件，以及处理上传图片url使其可在img标签显示和js兼容写法。

本文介绍了React标签输入组件的核心价值与应用场景，分析了主流组件的选型方法，并详细讲解了如何实现基础标签操作、输入验证、样式自定义及高级功能。同时探讨了与表单集成和性能优化的最佳实践，帮助开发者提升标签管理效率。

本文详解如何将react-tag-input与React-DnD集成，实现React应用中标签的拖拽排序功能。涵盖拖拽上下文配置、标签组件DragSource/DropTarget逻辑、依赖安装、属性配置、事件处理函数编写，并涉及拖拽状态样式定制、权限控制及性能优化方案（如节流、虚拟滚动）。核心技术聚焦于HTML5后端适配与声明式拖拽交互。

本文详解React-Input-Autosize在React项目中的5分钟集成流程，涵盖安装、基础用法、自动宽度调整、自定义样式、最小宽度设置、字体大小适配、CSP兼容性配置等核心功能，并提供搜索框与标签输入等实际应用场景及常见问题解决方案，强调其作为受控组件的正确使用方式和性能优化实践。

61,120

社区成员

60,701

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章