2017-02-14 40 views
1

我想使用redux形式創建一個字段,其中將包含一個「只讀」框,該框將具有默認值。以Redux形式在輸入字段中設置值

所以我寫

<Field id="current-password" 
     name="current-password" 
     type="text" 
     readOnly="readOnly" 
     component={inputField}> 
     value={userNumber}  
</Field> 

的userNumber是一個道具。 的inputField是: 我

mport React from 'react'; 
import { Input } from 'reactstrap'; 


export default field => (
    <div> 
    <Input {...field.input} type={field.type}> 
     {field.children} 
    </Input> 
    {field.meta.touched && field.meta.error && 
    <span className="error">{field.meta.error}</span>} 
    </div> 
); 

我的佈局是這樣的: enter image description here

當我的部分是渲染我希望它出現這樣的。問題是「價值」道具沒有分配。 如何解決這個問題?

+0

任何人都知道如何計算出來? – user7334203

回答

1

考慮在您的表單聲明中將映射狀態映射到初始值 prop。

我是這樣做的:

function mapStateToProps(state) { 
    return { 
     request: state.request, 
     initialValues: state.auth, 
    }; 
} 

經過全面認證的例子是在這裏enter link description here

相關問題