useData

function useData(): HandleArray<Data>;

Returns a reactive list of all data in the data model.

Subscribes to DataModel.onDataAdded and DataModel.onDataAboutToBeRemoved.

Returns

HandleArray<Data>

A HandleArray of all data

Throws

If called outside of an ImFusionProvider

Throws

If called before the SDK has finished initializing

Example

tsx

function DataList() {
  const data = useData();
  return (
    <ul>
      {data.map((d) => (
        <li key={d.name}>{d.name}</li>
      ))}
    </ul>
  );
}

See

useVisibleData