reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-11-28 20:43:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat(react-json-tree): Add keyPath to getItemString (#694)

Browse Source
This commit is contained in:
Josh Hunt 2020-12-22 16:15:29 +00:00 committed by GitHub
parent a46b43209d
commit 85b4b0fb04
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/react-json-tree/README.md
View File

@ -102,14 +102,14 @@ You can pass `getItemString` to customize the way arrays, objects, and iterable
By default, it'll be: By default, it'll be:
```jsx ```jsx
<JSONTree getItemString={(type, data, itemType, itemString) <JSONTree getItemString={(type, data, itemType, itemString, keyPath)
=> <span>{itemType} {itemString}</span>} => <span>{itemType} {itemString}</span>}
``` ```
But if you pass the following: But if you pass the following:
```jsx ```jsx
const getItemString = (type, data, itemType, itemString) const getItemString = (type, data, itemType, itemString, keyPath)
=> (<span> // {type}</span>); => (<span> // {type}</span>);
``` ```

3
packages/react-json-tree/src/JSONNestedNode.tsx
View File

@ -193,7 +193,8 @@ export default class JSONNestedNode extends React.Component<Props, State> {
nodeType, nodeType,
data, data,
itemType, itemType,
createItemString(data, collectionLimit) createItemString(data, collectionLimit),
keyPath
); );
const stylingArgs = [keyPath, nodeType, expanded, expandable] as const; const stylingArgs = [keyPath, nodeType, expanded, expandable] as const;

3
packages/react-json-tree/src/types.ts
View File

@ -35,7 +35,8 @@ interface JSONNestedNodeCircularPropsPassedThroughJSONTree {
nodeType: string, nodeType: string,
data: any, data: any,
itemType: React.ReactNode, itemType: React.ReactNode,
itemString: string itemString: string,
keyPath: (string | number)[]
) => React.ReactNode; ) => React.ReactNode;
postprocessValue: (value: any) => any; postprocessValue: (value: any) => any;
isCustomNode: (value: any) => boolean; isCustomNode: (value: any) => boolean;