srph/react-link-state

A helper util to use LinkedStateMixin for ES6 React Components

react-link-state's Issues

bug: input not editable when linkState used with default value

In following situation everything works smooth:

export default class SomeComponent extends React.Component {
  state = {
    phoneNumber: null
  }
  render() {
    return <input tyle="text" valueLink={linkState(this, 'phoneNumber')} />
  }
}

But in case when I have default value, input is not editable anymore:

export default class SomeComponent extends React.Component {
  state = {
    phoneNumber: '+48'
  }
  render() {
    return <input tyle="text" valueLink={linkState(this, 'phoneNumber')} />
  }
}

how about passing as prop?

this is is hou

export default class Create extends React.Component{
    constructor(){
        super();
        this.state = {
            items: {
                firstName:'',
                lastName: '',
                address: {
                    address1:'',
                    address2:''
                }
            }
        };
    }
    render(){ 
        return(
            <div class="row">
                <Form states = {linkstate} /> 
            </div>
        )
    }
}

how could I access it in Form component?

Multiple key levels?

For example:

<input type="text" valueLink={linkState(this, 'user[0].login')} />

No "repository" in package.json

It was hard to find github repository from https://www.npmjs.com/package/react-link-state