A React mixin for linking form fields to a deep structure of data within the component's state.
npm install react-deep-link-state
This mixin is a substitute for the standard React mixin React.addons.LinkedStateMixin. While the standard mixin only allows you to link a form field to a key directly within the component's state, this mixin allows you to link a form field to a key deeper in the component's state object.
To install from npm, run:
``npm install --save react-deep-link-state`
Then include the mixin in the component that will use it:
`
var DeepLinkedStateMixin = require('react-deep-link-state');
...
var MyComponent = React.createClass({
mixins: [DeepLinkedStateMixin],
...
});
`
Link a text field to `this.state.data.user.name`:``
Link a text field to `this.state.data.user.name`, translating an empty string in the text field to null in the state and vice-versa:```