React 15.1.0에서 반응 addons 기능 다시 작성

Question

'LinkedStateMixin'을 사용하지 않고 다음 코드를 어떻게 다시 작성합니까? React 15.0으로 업그레이드 중이므로이 기능은 사용되지 않습니다.

reactMixin(LoginView.prototype, React.addons.LinkedStateMixin); 


<div className='form-group'> 
    <input type='text' 
    className='form-control input-lg' 
    valueLink={this.linkState('email')} 
    placeholder='Email' /> 
</div> 
<div className='form-group'> 
    <input type='password' 
    className='form-control input-lg' 
    valueLink={this.linkState('password')} 
    placeholder='Password' /> 
</div> 

위의 코드는 현재 사용되고 있으며 Redux를 사용하여 상태를 관리하고 있습니다.

Answer 1

당신은 자신의 상태를 관리 할 수 ​​있습니다. babel/es6을 사용하고 있습니까?

class MyForm extends React.Component { 
    state = {} 

    emailChanged = (e) => { 
     this.setState({ email: e.target.value }); 
    } 

    passwordChanged = (e) => { 
     this.setState({ password: e.target.value }); 
    } 

    render() { 
     const { email, password } = this.state; 
     return (
     <form> 
      <div className='form-group'> 
      <input type='text' 
       className='form-control input-lg' 
       value={email} 
       placeholder='Email' 
       onChange={this.emailChanged} /> 
      </div> 
      <div className='form-group'> 
       <input type='password' 
       className='form-control input-lg' 
       value={password} 
       placeholder='Password' 
       onChange={this.passwordChanged} /> 
      </div> 
     </form> 
     ); 
    } 
} 

예 : http://www.webpackbin.com/EJjZTnu4Z

Answer 2

Two-Way Binding Helpers doc page을 보면 LinkedStateMixin을 사용하지 않고 동일한 작업을 수행하는 방법을 보여주는 예가 있습니다.