React
moTzxx
你若盛开,清风自来
心若浮沉,浅笑安然
展开
-
React - Hook 动态添加多行记录,针对输入框操作的一种实现方式
背景初涉 【React - Hooks】 前端知识发现动态生成多条记录时,输入框数据变化的绑定事件是个常见的知识点在此记录一番,希望能帮到踩坑的小伙伴以变化 SKU 商品售价 为例,需求截图如下:实现步骤:①. 在定义组件时,就可以初始化赋值一个,SKU 售价数组 —— "skuSellingPrice"// 组件初始化赋值···const [skuSellingPrice,setSkuSellingPrice] = React.useState([]);···..原创 2020-12-01 11:47:13 · 1223 阅读 · 0 评论 -
React + layui 混合状况下使用 select 标签遇到的一些问题
背景最近在涉猎 “【React-Hook】” 的前端知识;发现跟之前的 Layui (适合我们后端程序猿的一个前端框架) 框架混合使用时会出现各种问题啊!最开始遇到的问题 出现在 “<select>” 上在此记录一番,希望帮到各位道友 …首先,注意到的一点是:混合状态下,Layui 的 <select> 标签是无法实现 “onChange()” 事件的,枉费鄙人一顿瞎操作!好消息是:可以使用 Layui 提供的监听事件 —— 【 监听 select.原创 2020-11-30 20:53:45 · 668 阅读 · 0 评论 -
React-Hoos 下动态加载使用 Layui 上传文件控件 【稀里糊涂小坑不断!】
背景今天在处理后台商品SKU数据时;需要动态出现多个 sku 条目;其中需要图片的上传,截图参考如下之前单纯使用 LayUI的代码倒也没啥问题但是,在React Hook 中动态添加时,就有多多少少的问题了对比代码截图如下:【方案】毕竟咱也不是前端大牛,瞎改了下,发现,别把图片标签 <img> 和 <button> 标签在同级div下,竟然就没事了!这是一个奇葩的问题,咱也不懂,咱也不敢乱问啊!...原创 2020-11-30 18:16:00 · 312 阅读 · 0 评论 -
Hook 下 useEffect 进行异步请求数据操作 (ajax+Layui)
背景近期进行了对 【 React JS (Hook) 】的一番摸索作为技术涉猎的后端开发 PHPer ,难免会有更多的坎坷在此只作为了一部分的【React - useEffect】技术的应用 需求: 进入商品添加页面时,初始化时,通过 AJAX 异步获取 "分类数据"; 然后在下拉列表中显示分类信息鄙人使用的是 【浏览器支持模式】,则需要引入 js 文件<script src="https://unpkg.com/axios/dist/axios.min.js"&g..原创 2020-11-27 11:04:46 · 4598 阅读 · 0 评论 -
React 初学实现 异步获取表格数据列表展示,点击事件(传参)实例
初涉传说中的 【React】 ,为了减少多种实现方式的迷惑出现,在此只展示我实际操作中使用的方式。需求:就是在 React 语法下,点击表格中的数据,进行编辑、删除操作涉及到对富文本数据的展示,可选择使用 dangerouslySetInnerHTML 进行转化 ...原创 2020-11-20 19:38:01 · 1554 阅读 · 0 评论