How to use the jsplumb.importDefaults function in jsplumb

componentDidMount() {
        jsPlumb.importDefaults({
            Connector: ['Flowchart', { cornerRadius: 5 }],
            Anchor: ['Continuous', { faces: ['left', 'right'] }],
            ConnectionsDetachable: false,
            Container: document.body
        });

        // Needed for initial render from localStorage
        this.drawRelation();
    }

jsp.ready(function () {

                jsp.importDefaults({
                    Endpoint: ['Dot', {radius: 2}],
                    Anchor: 'Continuous',
                    Connector: [
                        'StateMachine', {
                            curviness: 0,
                            proximityLimit: 260
                        }],
                    HoverPaintStyle: {strokeStyle: '#21cfdf', lineWidth: 1},
                    PaintStyle: {strokeStyle: '#325262', lineWidth: 1, dashstyle: "4 2"},
                    ConnectionOverlays: [
                        ['Arrow', {
                            location: 1,
                            id: 'arrow',
                            length: 12,
                            foldback: 0.1
                        }],