javascript - 我如何使用 JavaScript 在 React 的不同屏幕位置和大小中布置 ("draw") 动态生成的 <DIV>?

标签 javascript html css reactjs

我有来自 API 的数据,该 API 将生成一组 block ,每个 block 都有一个 x、一个 y、一个高度和一个宽度。它们可以以多种方式互锁,没有一种是可以预测的。什么是最好的方法来布置这些,在我的 render 中写出数据? react 中的方法?

我意识到我大概可以写出每个 <DIV>style在我的 React 中内联 render代码,但我想找到一种更优雅的方式,此刻我的大脑一片空白。我正在研究使用 CSS Sprites(在谷歌搜索后出现),但由于我的任务是快速完成这项工作,而且由于我对 CSS Sprites 一无所知,所以我想找到一种更简单的方法。

如果有任何线索或见解,我将不胜感激。 (具有讽刺意味的是,很久以前,我来自 ActionScript 背景,这很明显,但是 JS 世界中 JS 和 CSS 之间的脱节让我觉得有点棘手)。

最佳答案

我不会 React,但是你就不能只使用 css 和媒体查询吗? https://wiki.selfhtml.org/wiki/CSS/Media_Queries

关于javascript - 我如何使用 JavaScript 在 React 的不同屏幕位置和大小中布置 ("draw") 动态生成的 <DIV>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56652644/

相关文章:

javascript - ggggleClass 不删除初始 div img 源

javascript - 如何从 wordpress 页面上传 pdf 文件,文件必须保存在 wp-content 上传目录文件夹中

css - IE 6's margin and padding "行为的传奇烦恼”(求助!)

javascript - 如何从 Javascript 中的对象列表中获取键的值?

JavaScript 以及为什么大写字母有时有效有时无效

php - 预选复选框

css - Firefox 转换 : rotate breaks text color

Javascript 不使用 jQuery 解析 JSON

javascript - JQuery ForEach 循环?

html - 修剪 css 中的溢出文本?