diff --git a/snippets/TreeView.md b/snippets/TreeView.md index 697d6bd4f..bfebb0876 100644 --- a/snippets/TreeView.md +++ b/snippets/TreeView.md @@ -5,7 +5,7 @@ Renders a tree view of a JSON object or array with collapsible content. Use object destructuring to set defaults for certain props. Use the value of the `toggled` prop to determine the initial state of the content (collapsed/expanded). Use the `setState()` hook to create the `isToggled` state variable and give it the value of the `toggled` prop initially. -In the `render()` method, use a `
` to wrap the contents of the component and the `` element, used to alter the component's `isToggled` state. +Return a `
` to wrap the contents of the component and the `` element, used to alter the component's `isToggled` state. Determine the appearance of the component, based on `isParentToggled`, `isToggled`, `name` and `Array.isArray()` on `data`. For each child in `data`, determine if it is an object or array and recursively render a sub-tree. Otherwise, render a `

` element with the appropriate style.