Commit 37490c18 by Яков

add func renderHeaderColumn

parent c48f545c
import React, {PureComponent} from 'react'; import React, {PureComponent} from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import ReactFinder from '../src'; import ReactFinder from '../src';
import {mockTree, findInTree, atTreePath} from '../src/utils'; import { mockTree, findInTree, atTreePath } from '../src/utils';
const mockData = mockTree(3); const mockData = mockTree(3);
...@@ -14,19 +14,19 @@ class Test extends PureComponent { ...@@ -14,19 +14,19 @@ class Test extends PureComponent {
} }
render() { render() {
const {dataSource} = this.state; const { dataSource } = this.state;
return ( return (
<div> <div>
<ReactFinder <ReactFinder
renderHeaderColumn={({parentOpenedKey, openedKey, selectedKey}) => (<div>123</div>)} renderHeaderColumn={({ parentOpenedKey, openedKey, selectedKey }) => (<div>header</div>)}
dataSource={dataSource} dataSource={dataSource}
renderItem={({data, isLeaf}) => ( renderItem={({ data, isLeaf }) => (
<span>{data.key} {!isLeaf && <span style={{float: 'right'}}>></span>}</span> <span>{data.key} {!isLeaf && <span style={{float: 'right'}}>></span>}</span>
)} )}
selectedKey={this.state.selectedKey} selectedKey={this.state.selectedKey}
onSelect={(selectedKey, {data}) => { onSelect={(selectedKey, { data }) => {
this.setState({selectedKey, selectedData: data}); this.setState({ selectedKey, selectedData: data });
const nodeData = findInTree(dataSource, (node) => node.key === selectedKey, {withAppendData: true}); const nodeData = findInTree(dataSource, (node) => node.key === selectedKey, { withAppendData: true });
if (nodeData) { if (nodeData) {
console.log('selected node', atTreePath(dataSource, nodeData.loc)); console.log('selected node', atTreePath(dataSource, nodeData.loc));
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment