react-tree | navigate selection component | User Interface library

I am a newbie to ReactJS, I wanted to make API calls within a function component. I wanted to fill TreeBeard component, with the list I take from an API call.

I can see the data updating on my console, but for some reason the data from TreeBeard doesnt.

Here's a bit of my code:

I am using @naisutech/react-tree plugin and I can get the sample to work in my code. The tree is displayed and operates correctly. I tried the theme property and that works ok. I just cannot get the onSelect callback to work. I am simply doing a console.log(props) for now.
I have tried a different tree as a test and that tree (import TreeMenu from 'react-simple-tree-menu') the 'click' callback works ok.

I have tried using a method in the RecipePage class, I have tried an 'in-line' function. Everything seems to 'compile' but I never see a console message from the @naisutech tree, I do see console log messages from the react-simple-tree-menu.

I looked at the @naisutech code it and to me (I know nothing about React, just started) that the property is selectNode or maybe selectedNode not onSelect as documentation states, but nothing I tried worked.

My code is simply:

I have a JSON array of the following format (this data is pulled from mongodb to be displayed as a tree graph on a react-based front-end):

I run project "react-app-rewired start" development mode. The project compiles without errors.

Next I edit any file in /src/* the project is recompiled, but does not respond to /src/view/* NO compilation!

Although if I kill and restart the demon "react-app-rewired start" the project will compile completely. Why is this happening?

package.json

I want to re implement a tree component to improve its performance. I used the FixedSizeList from react-window. Its working relatively well. It can handle even 100,000 tree node.

My problem is, that I want to animate the little opening triangle of the tree node. The following css responsible for the animation:

I am trying to return an array of node objects, each of which has a unique label and array of children nodes, each identified by their unique label, for use in my frontend with a tree component (https://reactjsexample.com/a-simple-react-tree-menu-component/). A Category is a mongodb listing with a parent label, children array of children labels, their own unique label, and a number.

Running the createTreeJson function without a promise and printing treeData after a delay prints the correct result. I tried converting recursiveCat to return a promise and putting a .then after each recursiveCat call:

New to typescript, try to follow the demo https://www.npmjs.com/package/cp-react-tree-table to use this control in my project, but get below information.

Try to search and seems it's related to module definition which confuse.

Hope someone can show me light.

Why does @Storybook/react-native require react-dom?

My understanding of react-dom is that it is used for the browser. But, since React Native doesn't use a browser this is just a peerDependency that will never be used.

When running a React Native app with remote debugging on, it will use Chrome as the running context and have a DOM available. Is this the reason for using it?

My package.json: "dependencies": { ... "react": "16.3.1", "react-native": "0.55.4", ... }, "devDependencies": { ... "@storybook/react-native": "4.1.1", ... }

I get these warnings when doing yarn install: warning "@storybook/react-native > @storybook/core@4.1.1" has unmet peer dependency "react-dom@>=16.3.0". warning "@storybook/react-native > @storybook/ui@4.1.1" has unmet peer dependency "react-dom@*". warning "@storybook/react-native > @storybook/ui > react-modal@3.8.1" has unmet peer dependency "react-dom@^0.14.0 || ^15.0.0 || ^16". warning "@storybook/react-native > @storybook/ui > react-treebeard@3.1.0" has unmet peer dependency "react-dom@^15.5.4 || ^16.0.0". warning "@storybook/react-native > @storybook/ui > react-treebeard > velocity-react@1.4.1" has unmet peer dependency "react-dom@^15.3.0 || ^16.0.0".

I'm developing a more complex example of passing props from a component to another. In this case, it's the content of an array(when I click on that content) to a

You can find the code here: https://codesandbox.io/s/509j5npkwx

(Please check the code in the link above)

TextBox