React实现拖拽改变宽度插件属性参数说明类型 defaultSize 初始默认宽高 string / numb

插件

使用了第三方插件 re-resizable用 React 组件可以很便捷的实现可拖拽改变组件宽度高度。安装方法 yarn add re-resizable 或 npm install re-resizable

属性

参数	说明	类型
defaultSize	初始默认宽高	string / number
minWidth	宽度下限	string / number
minHeight	高度下限	string / numberr
maxWidth	宽度上限	string / number
maxHeight	高度上限	string / number
bounds	指定边界大小	window / parent / HTMLElement

示例

import React, { Component } from "react";
import { Resizable } from "re-resizable";

export default class Demo extends Component {
  render() {
    return (
      <Resizable
        style={{ background: "#8cdbd5" }}
        defaultSize={{ width: 320, height: 200 }}
      >
        111111111
      </Resizable>
    );
  }
}