# editingNote

Source: https://developers.inkdrop.app/states/editing-note

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

---

## Data Structure

The state represents [Note][note] data while a note opened, otherwise it's `null` or `undefined`.

Get the `editingNote` state manually:

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

Connect the state with your React component:

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

[note]: https://developers.inkdrop.app/data-access/notes