Skip to main content

api.getReactiveState()

Description

Gets an object with the reactive properties of File Manager

This method allows you to subscribe to the returned properties in the same way as actions.

Usage

api.getReactiveState(): object;

Returns

The method returns an object with the following reactive properties:

  {
tree, //an array of objects containing the files structure data
mode,
preview,
search, // the search string
panels,
drive,
activePanel
}

All properties description you can find here: File Manager properties overview

Example

<script>
import { Filemanager } from "wx-svelte-filemanager";
import { getData, getDrive } from "./common/data";

let api, mode;

$: if (api) {
mode = api.getReactiveState().mode;
console.log($mode); //outputs mode on every mode change
}
</script>

<Filemanager bind:api data="{getData()}" drive="{getDrive()}" />

Related articles: