原文:基于react hooks,zarm组件库配置开发h5表单页面

最近使用React Hooks结合zarm组件库,基于js对象配置方式开发了大量的h 表单页面。大家都知道h 表单功能无非就是表单数据的收集,验证,提交,回显编辑,通常排列方式也是自上向下一行一列的方式显示 , 所以一开始就考虑封装一个配置化的页面生成方案,目前已经有多个项目基于此方式配置开发上线,思路和实现分享一下。 使用场景 任意包含表单的h 页面 使用zarm库,或自行适配自己的库 目标 代 ...

2021-04-05 13:39 0 508 推荐指数:

查看详情

h5开发页面逻辑

一、页面展示 http://192.168.3.3:8080/dist/view/index.html 1、简单编写了一个阅读器的模式 2、h5+css3+base64(字体图形) 3、页面逻辑commonjs+webpack 【】用localStorage获取和存储本地信息,每次刷新页面 ...

Mon Aug 07 08:11:00 CST 2017 0 1699
基于react hooks,antd v4 配置生成表单

react后台项目,大多都是表单处理,比如下列4种常见1*n布局 (如果手工编码,大量的Row,Col, Form.Item的嵌套,排列,如果加上联动处理,代码将十分臃肿,不易维护) 一行一列 一行两列 一行三列 一行四列 对于这列表单开发 ...

Sun May 09 02:33:00 CST 2021 0 1695
H5页面开发笔记(react技术栈)

1、子组件接收父组件的参数,要在子组件的componentDidMount函数中更改当前组件的state,若写在componentWillMount函数中,则会导致初始化界面UI的时候不能得到预期的效果。这是因为willMount方法会在dom还没有渲染完成的时候就会触发,而这时父组件传给子组件 ...

Fri Jun 01 21:58:00 CST 2018 0 3008
强制刷新react hooks组件

首先要知道react组件在什么情况下会刷新,比如:state、props、context更新。。。。然后就有各种方式可以强行刷新组件了,比如: const [refresh, setRefresh] = useState(false); useEffect(() => { refresh ...

Thu Sep 09 00:34:00 CST 2021 0 813
React编写一个移动H5的纵向翻屏组件

前言 由于工作需要,需要做一版在手机上查看的H5的广告页。广告页面基本都是一块内容占满一屏,然后上滑下滑就翻页,所以需要一个这样的翻页功能。 代码实现 废话不多说,直接上代码 小结 先记一下,以后如果有更好的思路再优化,先暂时用着 ...

Fri Aug 28 18:37:00 CST 2020 0 467
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM