通过单击并拖动一个角来调整 material ui 卡片组件的大小
Resizing a material ui card component by click and dragging a corner
我有一个 material ui 卡的列表，它们在 react-beautiful-dnd 列表中。我希望能够将卡片从一个列表移动到另一个列表并重新组织它们（这已经完成）。例如，我还希望能够单击卡片的右下角并根据需要调整其大小。那可能吗？如果是这样，如何？我曾尝试将卡片包装在诸如 react-grid-layout 对象之类的东西中，但没有成功，而我的 React 应用程序仍然出现，但卡片未呈现。
在此先感谢您的帮助。
我找到了一个简单的解决方案并认为我会分享。我需要做的就是将每张 material UI Card 包装在 react-resizable 的 ResizableBox 中。然后，为了使卡片的尺寸遵循 ResizableBox 的尺寸，我使用 material UI makeStyles 将 100% 的宽度和高度应用于卡片。就是这样。
我有一个 material ui 卡的列表，它们在 react-beautiful-dnd 列表中。我希望能够将卡片从一个列表移动到另一个列表并重新组织它们（这已经完成）。例如，我还希望能够单击卡片的右下角并根据需要调整其大小。那可能吗？如果是这样，如何？我曾尝试将卡片包装在诸如 react-grid-layout 对象之类的东西中，但没有成功，而我的 React 应用程序仍然出现，但卡片未呈现。
在此先感谢您的帮助。
我找到了一个简单的解决方案并认为我会分享。我需要做的就是将每张 material UI Card 包装在 react-resizable 的 ResizableBox 中。然后，为了使卡片的尺寸遵循 ResizableBox 的尺寸，我使用 material UI makeStyles 将 100% 的宽度和高度应用于卡片。就是这样。