javascript - react 拆分 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;

我最终得到了一个看起来像我如何设置样式的组件，但是在元素之间拖动以调整元素宽度的大小不起作用。

我在这里错过了什么？

附言this issue可能与此有关，但我尝试了以前的版本，但它们似乎也不起作用。

Answer 1

我遇到了类似的问题。分隔符不起作用的原因是:缺少 CSS

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

import './edit.css';

您的拖动元素将起作用。