[React] Is it possibile to use functional component instead of class component ?

[andreatricoli]

Hi everyone,

in the OrgChart React documentation i can see they use class component, is it possibile to use functional component? if yes, how?

import React, { Component } from 'react';

        export default class Chart extends Component {

            constructor(props) {
                super(props);
                this.divRef = React.createRef();
            }

            shouldComponentUpdate() {
                return false;
            }

            componentDidMount() {
                this.chart = new OrgChart (this.divRef.current , {
                    nodes: this.props.nodes,

                    nodeBinding: {
                        field_0: 'name',
                        img_0: 'img'
                    }
                });
            }

            render() {
                return (
                    <div id="tree" ref={this.divRef}></div>
                );
            }
        }

[ZornitsaPesheva]

We don't have React developers in BALKAN App. Hope somebody else can help.

[joshuacos1977]

Yes.you can use functional components with React

[andreatricoli]

Hi @joshuacos1977 could you provide me a basic example based on the code i wrote above with both functional component and TypeScript please? Thank you