This React TreeView example demonstrates the node editing functionalities of the TreeView. Double click on the node or press F2 key on selected node to edit node's text in input textbox. Press enter key or click outside of the input element to save the node's, or press escape key to cancel the modified text.
The TreeView
component has the built-in option to edit and modify the node text in inline by enabling the allowEditing property.
For more information, you can refer to the Node Editing section from the documentation.