Skip to content

when i use node-content-renderer to Override the default component has a style problem #16

@bifenglin

Description

@bifenglin

when i use the node-content-render to override the default component.
use the code like this
<SortableTree theme={FileExplorerTheme} treeData={treeData} onChange={this.updateTreeData} canDrag={({node}) => !node.dragDisabled} canDrop={({nextParent}) => !nextParent || nextParent.isDirectory} nodeContentRenderer = {FileThemeNodeContentRenderer} generateNodeProps={rowInfo => ({ icons: rowInfo.node.isDirectory ? [ foldImg(rowInfo.node.expanded) ] : [ <img style={{ textAlign: 'center', marginRight: 10, width: '25px', height: '25px', }} src={file} > </img>, ], buttons: [ <button style={{ padding: 0, borderRadius: '100%', backgroundColor: 'gray', color: 'white', width: 16, height: 16, border: 0, fontWeight: 100, }} // onClick={() => alertNodeInfo(rowInfo)} > i </button> , ], })} />
and has the style problem.
please tell me it's right way to override the file-explorer component?
please write back soon...it's emergency...

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions