我正在寻找一种允许用户使用句柄和所有相关光标调整 div 大小的简单方法。我看到很多使用 jquery 的示例，但我想在 React 中使用它，不需要 jquery。
有谁知道这样做的简单方法吗？我假设纯js，css。我真的不想为此使用 react 组件，因为我需要在标准 div 上启用调整大小。
当然，它是与 reactjs 一起使用的，有没有更现代的方法可以在没有 jquery 的情况下做到这一点？
** 编辑 **
这些是可用于每个可调整大小的点的光标
e-resize ne-resize n-resize nw-resize s-resize se-resize w-resize sw-resize
最佳答案
你只能通过 CSS，resize 属性让你做到这一点!
.resize {
border: 1px solid black;
overflow:auto;
}
.resize.horizontal {
resize: horizontal;
}
.resize.vertical {
resize: vertical;
}
.resize.both {
resize: both;
}
.wrap {
max-width: 80%;
}<div class="wrap">
<div class="resize horizontal">Resize me!</div>
<div class="resize vertical">Resize me!</div>
<div class="resize both">Resize me!</div>
</div>要求
overflow 不同于visible (initial) 是必需的，您可以将它应用于所有溢出设置为 auto 的元素，滚动和隐藏。
我称这个属性非常棒!
关于javascript - react : Resizing a div including handlers, 不同的游标，即 ns-resize - 没有 jquery，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37204341/