functional component example

[Justin Elliott Neal]

Hi,

All your React source code example are for class based components.

Can you give examples for functional components using hooks e.g. useState() etc.

Thanks

[Sowmiya Padmanaban]

 

Hi Justin Elliott Neal,  

 

Greetings from Syncfusion support. 

 

Query - Can you give examples for functional components using hooks e.g. useState() etc. 

 

Yes, you can render the sidebar as a functional component in react platform using react hooks. For your reference, we have render the Sidebar component as a functional component. 

 

Please, refer the below sample link: 

 

https://codesandbox.io/s/react-hooks-counter-demo-forked-1n3hw 

 

Please, refer the below KB link for your reference. 

 

https://www.syncfusion.com/kb/10871/function-component 

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya.P 

[sebastian]

where can i find the word editor but in functional components

[Suriya Murugan]

Hi Sebartian, 

We have created DocumentEditor using React Hooks functional Component by two different ways.  

React Hooks:  

https://stackblitz.com/edit/react-editor-template-with-hooks-4aujv5?file=index.js   

https://stackblitz.com/edit/react-n1rnfi-y2pgde?file=index.js  

 

1.      Created DocumentEditor control by using below code snippet:  

<DocumentEditorContainerComponent width='100%' height='650px' enableToolbar={true} created={onCreated}  ref={initDocEditor}>  

           

        </DocumentEditorContainerComponent>  

  

 

2.      Container Reference binded by using initDocEditor method.  

const [docEditor, setDocEditor] = useState(null);  

  

  const initDocEditor = (editor) => {  

     if (editor && !docEditor) {  

      setDocEditor(editor);  

    }  

  }  

  

//You can access container instance by using docEditor variable  

 

Please let us know if you have any questions. 

Regards, 

Suriya M.