Scribd
Upload
5 views

export functions

Uploaded by

Ajay Kumar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

export functions

Uploaded by

Ajay Kumar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Salesforce Enthusiasts

Export Function
in LWC

Swipe Left
Salesforce Enthusiasts

WHAT IS EXPORT FUNCTION?


Export function is used to expose
functions defined in one module
(file) so they can be used in other
modules.
You can use import in another LWC
component to include and use
these exported functions.
This practice promotes reusability,
modularity, and cleaner code,
especially when you have utility
functions that can be shared across
multiple components.
By using export function, you make
your codebase more organized and
maintainable, as you don't need to
duplicate logic across components.
Instead, shared utilities are stored in
a single place.
Salesforce Enthusiasts

HOW TO USE THIS EXPORTED


FUNCTION IN LWC
Create and export the utility
function in a JavaScript file
Import the function into your LWC
component’s JavaScript controller.
Call the function in the LWC
component to get the data.
EXAMPLE
1)CREATE UTILITYCLASS.JS
Salesforce Enthusiasts

2. USE OVERRIDEOPT IN YOUR LWC


COMPONENT
(EXAMPLECOMPONENT.JS):

YOU CAN NOW DISPLAY THE OPTIONS IN


YOUR LWC COMPONENT
Salesforce Enthusiasts

HOW IT WORKS

import { overrideOpt } from


'./utilityclass';: This imports the
overrideOpt function from
utilityclass.js.

connectedCallback(): This is a
lifecycle hook in LWC that is called
when the component is inserted into
the DOM. Inside this method, the
overrideOpt function is called to fetch
the list of options, which are then
stored in the options property.

lightning-combobox: This LWC base


component displays the options
returned by the overrideOpt function.

You might also like