Comments (3)
alexcurtis
commented on July 19, 2024
@sarike Could you please send over a small example of your data that you send into treebeard that causes these warnings.
from react-treebeard.
sarike
commented on July 19, 2024
If I don't use redux-simple-router, this work correctly.
Data:
"{
"name": "HOME",
"pid": "33879",
"isServiceUnit": "0",
"id": "171"
"children": [
{
"name": "111",
"pid": "171",
"isServiceUnit": "1",
"id": "61972"
},
{
"name": "22121",
"pid": "171",
"isServiceUnit": "1",
"id": "61973"
},
{
"name": "agent_manager_center",
"pid": "171",
"isServiceUnit": "1",
"id": "26938"
},
{
"name": "ANode",
"pid": "171",
"isServiceUnit": "1",
"id": "61857"
},
{
"name": "TEST_dev01",
"pid": "171",
"isServiceUnit": "1",
"id": "1081"
},
{
"name": "TEST_dev02",
"pid": "171",
"isServiceUnit": "1",
"id": "1040"
},
{
"name": "TEST_dev03",
"pid": "171",
"isServiceUnit": "1",
"id": "8505"
},
{
"name": "TEST_dev04",
"pid": "171",
"isServiceUnit": "1",
"id": "1638"
},
{
"name": "TEST_dev05",
"pid": "171",
"isServiceUnit": "1",
"id": "11335"
},
{
"name": "TEST_dev06",
"pid": "171",
"isServiceUnit": "1",
"id": "1456"
},
{
"name": "TEST_dev07",
"pid": "171",
"isServiceUnit": "1",
"id": "11365"
},
{
"name": "TEST_test01",
"pid": "171",
"isServiceUnit": "1",
"id": "1137"
},
{
"name": "TEST_test02",
"pid": "171",
"isServiceUnit": "1",
"id": "8494"
},
{
"name": "TEST_test03",
"pid": "171",
"isServiceUnit": "1",
"id": "27848"
},
{
"name": "as",
"pid": "171",
"isServiceUnit": "1",
"id": "62001"
},
{
"name": "bocaiMac",
"pid": "171",
"isServiceUnit": "1",
"id": "54785"
},
{
"name": "cetus",
"pid": "171",
"isServiceUnit": "0",
"id": "1169"
"children": [
{
"name": "TEST_test01",
"pid": "1169",
"isServiceUnit": "1",
"id": "12658"
},
{
"name": "cetus_linux",
"pid": "1169",
"isServiceUnit": "1",
"id": "1171"
},
{
"name": "cetus_win",
"pid": "1169",
"isServiceUnit": "1",
"id": "1170"
},
{
"name": "EBJ3901",
"pid": "1169",
"isServiceUnit": "1",
"id": "54787"
},
{
"name": "log_agent_linux",
"pid": "1169",
"isServiceUnit": "1",
"id": "27843"
},
{
"name": "log_agent_win",
"pid": "1169",
"isServiceUnit": "1",
"id": "28422"
},
{
"name": "mac_bingxin",
"pid": "1169",
"isServiceUnit": "1",
"id": "37140"
},
{
"name": "wmtest",
"pid": "1169",
"isServiceUnit": "1",
"id": "61937"
}
]
},
{
"name": "crux_agent",
"pid": "171",
"isServiceUnit": "1",
"id": "1489"
},
{
"name": "crux_alarm",
"pid": "171",
"isServiceUnit": "1",
"id": "1197"
},
{
"name": "crux_reader",
"pid": "171",
"isServiceUnit": "1",
"id": "1070"
},
{
"name": "crux_save",
"pid": "171",
"isServiceUnit": "1",
"id": "1068"
},
{
"name": "crux_tmp",
"pid": "171",
"isServiceUnit": "1",
"id": "27852"
},
{
"name": "docker",
"pid": "171",
"isServiceUnit": "1",
"id": "61984"
},
{
"name": "EBJ4230",
"pid": "171",
"isServiceUnit": "1",
"id": "43911"
},
{
"name": "fraud",
"pid": "171",
"isServiceUnit": "0",
"id": "61868"
"children": [
{
"name": "deploy",
"pid": "61868",
"isServiceUnit": "0",
"id": "61871"
"children": [
{
"name": "a",
"pid": "61871",
"isServiceUnit": "1",
"id": "61975"
},
{
"name": "fraud",
"pid": "61871",
"isServiceUnit": "1",
"id": "61941"
},
{
"name": "fraud_web",
"pid": "61871",
"isServiceUnit": "1",
"id": "61891"
},
{
"name": "testlogcrux",
"pid": "61871",
"isServiceUnit": "0",
"id": "62035"
"children": [
{
"name": "logcrux",
"pid": "62035",
"isServiceUnit": "1",
"id": "62036"
},
{
"name": "testlog2",
"pid": "62035",
"isServiceUnit": "1",
"id": "62039"
}
]
},
{
"name": "test_add_del",
"pid": "61871",
"isServiceUnit": "1",
"id": "61960"
},
{
"name": "test_gotty",
"pid": "61871",
"isServiceUnit": "1",
"id": "62042"
},
{
"name": "test_new_reg",
"pid": "61871",
"isServiceUnit": "1",
"id": "62063"
},
{
"name": "test_resouce",
"pid": "61871",
"isServiceUnit": "1",
"id": "61954"
},
{
"name": "write",
"pid": "61871",
"isServiceUnit": "1",
"id": "61872"
}
]
},
{
"name": "docker_build",
"pid": "61868",
"isServiceUnit": "0",
"id": "61869"
"children": [
{
"name": "aaaaaaaaaaaaaaaa",
"pid": "61869",
"isServiceUnit": "1",
"id": "62027"
},
{
"name": "yuyu",
"pid": "61869",
"isServiceUnit": "1",
"id": "61999"
}
]
},
{
"name": "qatest",
"pid": "61868",
"isServiceUnit": "0",
"id": "61957"
"children": [
{
"name": "testb",
"pid": "61957",
"isServiceUnit": "1",
"id": "61967"
},
{
"name": "testc",
"pid": "61957",
"isServiceUnit": "1",
"id": "62002"
}
]
}
]
}
]
}"from react-treebeard.
sarike
commented on July 19, 2024
I have solved this question.
My fault, I generate tree data every time rendering the Sidebar.
Move it to getInitialState and use this.state.treeData as Treebeard's tree prop， all is well.
I am new to react, thanks again.
from react-treebeard.
Related Issues (20)
- Example doesn't work HOT 2
- Is it possible to change the Icon? HOT 1
- [Question] Is it possible to expand node without selecting it? HOT 15
- How to get name for parent node?
- Example code does not work as expected. Parent and child nodes all get highlighted when expanded
- How to handle right click events over folders and nodes (files)? HOT 4
- style object is mutated by a component it's passed to HOT 1
- its impossible to update treebeard from client side dynamically?
- How to Pass nodes in custom toggle decorater
- Performance for large numbers of files
- Update data when new file is added HOT 1
- Using array for multiple root nodes fails when interacting with tree (example included) HOT 3
- responsive
- Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of `VelocityTransitionGroup`. HOT 2
- Show buttons to the right when hovering on a node? HOT 1
- [Request] Do not show polygon if no children are provided.
- Dynamically add children through API
- [Question] Display more than the name HOT 1
- [Bug] Arrows in markdown are way off on the right HOT 1
- [Question] Remove onToggle from file nodes? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-treebeard.