假设我有一组服务对象
services: [{title: title, caption: caption},{title: title, caption: caption},{title: title, caption: caption},{title: title, caption: caption}]
Run Code Online (Sandbox Code Playgroud)
最终结果是一个映射数组,每两个元素在它自己的 div 中。
<div>
<div>services[0]</div>
<div>services[1]</div>
</div>
<div>
<div>services[2]</div>
<div>services[3]</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我无法理解我将如何实现这一目标?按每两个元素映射和拆分数组?将数组拆分为两个数组,然后映射?到凌晨了吗?是的。
我有一个使用 Material UI 图标的 React 应用程序。主要目标是拥有一个图标选择器,用户可以在其中选择 MUI 图标,并且所选图标的 SVG 路径保存在状态内。
然后,这个 svg 路径将被保存到一个 API,可以在不同的地方显示。ETC。
我已经搜索了 MUI 网站上有关图标的文档,但这都是关于实现的,我可以做得很好。我一直在寻找 npm 包,但运气不佳。
我确实遇到了这个包(https://github.com/DMDc0de/material-ui-icon-picker),这基本上就是我想要的选择器 - 但它输出图标组件的图标名称<i />。不是我想要的。我需要 SVG 路径的来源。
任何朝着这个方向的方向都会非常有帮助。
因此,我正在开发一个项目,该项目将允许用户修改模板。基本模板将由组件组成,并且用户将能够添加或删除组件。我在网上找到了一些东西-例如grapeJS,但是对于这个简单的应用程序来说,它的意义不容小intense。
寻找解决方法的建议或任何有帮助的资源。
这是一个基本示例。
基本模板将包含这些组件
用户可以选择要添加到模板的组成组件列表。
用户将能够从上面的列表中选择并追加到上面的模板列表中。
任何让我朝着正确方向前进的想法或建议都会有所帮助!
javascript ×2
angularjs ×1
arrays ×1
components ×1
dictionary ×1
icons ×1
material-ui ×1
reactjs ×1
svg ×1