javascript - 如何使用 JavaScript 布局（“绘制”）动态生成<div>s 在 React 中的不同屏幕位置和大小？</div>

问题描述

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

我意识到我可能可以在我的 React代码中编写 each<DIV>的内联代码，但我想找到一种更优雅的方式，而此刻我的大脑一片空白。我正在考虑用 CSS Sprites 来做这件事（经过一些谷歌搜索后出现），但由于我的任务是快速完成这项工作，而且我对 CSS Sprites 一无所知，所以我想找到一种更简单的方法。stylerender

我会很感激任何线索或见解。（具有讽刺意味的是，很久以前，我来自 ActionScript 背景，这一切都很明显，但 JS 世界中 JS 和 CSS 之间的脱节让我觉得有点棘手）。

标签： javascripthtmlcssreactjs

javascript - 如何使用 JavaScript 布局（“绘制”）动态生成
s 在 React 中的不同屏幕位置和大小？

问题描述

解决方案

推荐阅读

javascript - 如何使用 JavaScript 布局（“绘制”）动态生成s 在 React 中的不同屏幕位置和大小？

问题描述

解决方案

推荐阅读

javascript - 如何使用 JavaScript 布局（“绘制”）动态生成
s 在 React 中的不同屏幕位置和大小？