Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Яков
react-finder
Commits
37490c18
Commit
37490c18
authored
Aug 17, 2021
by
Яков
Browse files
add func renderHeaderColumn
parent
c48f545c
Changes
1
Hide whitespace changes
Inline
Side-by-side
examples/basic.js
View file @
37490c18
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
));
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment