react-split-pane无法调整大小

Question

我刚刚在我的应用程序中安装了react-split-pane，但它似乎无法正常工作。

我使用的是react-split-pane版本0.1.68，但我也测试了0.1.66和0.1.64。

这是我的组成部分：

import React, { Component } from 'react';
import SplitPane from 'react-split-pane';

class Edit extends Component {
  render() {
    return (
        <SplitPane split="vertical">
            <div style={{backgroundColor: 'red'}}>LEFT</div>
            <div style={{backgroundColor: 'blue'}}>RIGHT</div>
        </SplitPane>
    );
  }
}

export default Edit;

我最终得到的组件看起来像我的样式，但在元素之间拖动以调整元素的宽度不起作用。

我在这里缺少什么？

Ps this issue可能与它有关，但我尝试过以前的版本，它们似乎也无法正常工作。

Answer 1

我有同样的问题。分隔符不起作用的原因是：缺少CSS

从教程中添加CSS：https://github.com/tomkp/react-split-pane#example-styling 到您的反应组件。例如：

import './edit.css';

您的拖动元素将起作用。