React DnD -如何在开始拖动时使项目不透明度为0？

import React from 'react';
import { DragSource } from 'react-dnd';

// 定义拖动源的配置对象
const dragSourceSpec = {
  beginDrag(props) {
    // 返回拖动数据
    return { item: props.item };
  },
};

// 定义拖动源的收集函数
function collect(connect, monitor) {
  return {
    connectDragSource: connect.dragSource(),
    isDragging: monitor.isDragging(),
  };
}

class ProjectItem extends React.Component {
  render() {
    const { connectDragSource, isDragging } = this.props;

    // 根据是否正在拖动来设置样式
    const opacity = isDragging ? 0 : 1;
    const style = {
      opacity: opacity,
    };

    return connectDragSource(
      <div style={style}>
        {/* 项目内容 */}
      </div>
    );
  }
}

// 使用DragSource高阶组件包装拖动源组件
export default DragSource('project', dragSourceSpec, collect)(ProjectItem);