# noteListBar

Source: https://developers.inkdrop.app/states/note-list-bar

An [app state](https://developers.inkdrop.app/guides/flux-architecture) of the editor.
You can obtain the `noteListBar` state and integrate it with React components.

---

## Data Structure

- **selectedNoteIds** (Array\<string>)

  An array of note ID of selected notes on the note list bar.
- **actionTargetNoteIds** (Array\<string>)

  An array of note IDs of target notes for context menu on the note list bar.

Get the `noteListBar` state manually:

```js
const { noteListBar } = env.store.getState()
```

Connect the state with your React component:

```js
  import { useSelector } from 'react-redux'
  const selector = ({ noteListBar }) => noteListBar
  const MyComponent = props => {
    const noteListBar = useSelector(selector)
    // render
  }
```