React.JS dynamic import of non-default property/symbol

Question

import BraftEditor, { ControlType } from 'braft-editor'

For the default property BraftEditor :

const BraftEditorNoSSR = dynamic(import('braft-editor'), {ssr: false})

How about that for the non-default property/symbol of ControlType ?

Answer 1

you can import the component like this

const ControlType = dynamic(() =>
  import('braft-editor').then(lib => lib.ControlType),
);

or you can import default

const Braft = dynamic(() => import('braft-editor'));

Hope this helps!!