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...