React实现拖拽改变宽度

插件

使用了第三方插件 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>
        );
    }
}