向react-sortable-tree添加自定义样式

import React from 'react';
import SortableTree from 'react-sortable-tree';
import 'react-sortable-tree/style.css'; // 引入默认样式文件

const customStyle = {
  tree: {
    backgroundColor: 'white',
    padding: '10px',
    borderRadius: '5px',
    boxShadow: '0 2px 5px rgba(0, 0, 0, 0.15)',
  },
  node: {
    display: 'flex',
    alignItems: 'center',
    padding: '5px',
    borderRadius: '3px',
    marginBottom: '5px',
    backgroundColor: '#f0f0f0',
  },
  nodeContent: {
    marginLeft: '10px',
  },
};

const MyTreeComponent = () => {
  return (
    <div style={customStyle.tree}>
      <SortableTree
        treeData={treeData}
        onChange={handleChange}
        generateNodeProps={generateNodeProps}
        style={customStyle.node}
        innerStyle={customStyle.nodeContent}
      />
    </div>
  );
};