1 安装dragm
npm install dragm
2 封装组件ModalDrag.js
import React, { PureComponent } from "react";
import DragM from "dragm";
export default class ModalDrag extends PureComponent {
updateTransform = transformStr => {
this.modalDom.style.transform = transformStr;
};
componentDidMount() {
this.modalDom = document.getElementsByClassName("ant-modal-wrap")[0];
}
render() {
const { title } = this.props;
return (
<DragM updateTransform={this.updateTransform}>
<div>{title}</div>
</DragM>
);
}
}
3 调用组件
import React, { PureComponent } from "react";
import ModalDrag from './ModalDrag .js';
class Demonstration extends PureComponent {
render(){
const title = <ModalDrag title="标题” />
return(
<Modal
title={title}
>
</Modal>
)
}
}