Как применить пользовательский стиль (CSS) к React-Treebeard?

Question

Я работаю с treebeard в моем реактивном проекте. когда я пытаюсь добавить определенный пользователем стиль, он не применяется к контейнеру. Я пробовал разные методы для достижения этой цели. Я попытался определить стиль из тега, попытался определить стиль. css в другом файле, импортировать его и присвоить ему стиль в теге Treedeard .

Основная цель состоит в том, чтобы изменить цвет фона и положение.

Вот мой код:

workspace.jsx

import React from "react";
import {Treebeard} from 'react-treebeard';
import data from "./data";

export class WorkSpace extends React. Component {
    constructor(props){
        super(props);
        this.state = {
            data: {data}
        };
        this.onToggle = this.onToggle.bind(this);
        const decorators = {
            Container: (props) => {
                return (
                    <div style={props.backgroundColor="yellow"}>
                    </div>
                );
            }
        };
    }
    onToggle(node, toggled){
        const {cursor, data} = this.state.data;
        if (cursor) {
            this.setState(() => ({cursor, active: false}));
        }
        node.active = true;
        if (node.children) { 
            node.toggled = toggled; 
        }
        this.setState(() => ({cursor: node, data: Object.assign({}, data)}));
    }
    render() {
        return (
            <div className="base_container">
                    <h3>Select Component</h3>
                    <div className="components">
                        <Treebeard 
                            data={data} 
                            onToggle={this.onToggle}
                            style = {style_components}
                            decorators={this.decorators}
                        />
                    </div>
            </div>
        );
    }
}