は+ブートストラップ+ Reduxの値は、私は次のコードを使用してブートストラップと再来と反応してフォームを定義していますフォーム

Question

で動作していないリアクト：

import React from 'react'; 
import { FormGroup, ControlLabel, FormControl, HelpBlock, Button } from 'react-bootstrap'; 
import { connect } from 'react-redux'; 

import './actions'; 

const _c = component => connect(s => s)(component); 

const FieldGroup = ({ id, label, help, ...props }) => { 
    return (
    <FormGroup controlId={id}> 
     <ControlLabel>{label}</ControlLabel> 
     <FormControl {...props} /> 
     {help && <HelpBlock>{help}</HelpBlock>} 
    </FormGroup> 
); 
}; 

const LoginForm = _c(React.createClass({ 
    render() { 
    return (
     <form> 
     <FieldGroup 
      id="loginText" 
      type="text" 
      label="Text" 
      placeholder="Email" 
      value={this.props.user.email ? this.props.user.email[0] : ''} 
     /> 
     <FieldGroup 
      id="loginPassword" 
      label="Password" 
      type="password" 
     /> 
     <Button bsStyle="primary" bsSize="large">Login</Button> 
     </form> 
    ); 
    } 
})); 

これは動作しますが、その値は「ユーザ名」フィールドに表示されます編集可能ではありません。 value={this.props.user.email ? this.props.user.email[0] : ''}をdefaultValue={this.props.user.email ? this.props.user.email[0] : ''}に変更しようとしましたが、編集可能になりましたが、デフォルト値は表示されません。私は間違って何をしていますか？あなたの初期値はundefinedかもしれよう

Answer 1

は（私がコメントしますが、私はまだ50担当者を持っていない）

ね。 console.log(this.props.user.email[0])できますか？