鍍金池/ 問答/HTML/ antdesign 的Input組件中默認(rèn)值怎么弄

antdesign 的Input組件中默認(rèn)值怎么弄

clipboard.png

這是我寫的代碼

然后打印出來的也都對(duì) Input中就是沒有值

clipboard.png

而且API上說的也是String類型

clipboard.png

但是要直接給defaultValue 設(shè)置一個(gè)字符串的話

clipboard.png

Input就會(huì)有默認(rèn)的值

clipboard.png

請(qǐng)問這是怎么回事 我該怎么解決 這個(gè)值不可以寫成死值 因?yàn)槭且獜母附M件傳過來的

回答
編輯回答
傲嬌范

從父組件拿值后是setState嗎,這個(gè)方法會(huì)有延遲,可能是在還沒有set進(jìn)去就已經(jīng)渲染完了這個(gè)input 所以他的default就是個(gè)空值,試試再加一個(gè)this.state.xx=xx;

2017年8月22日 19:35
編輯回答
初念

你應(yīng)該使用 value 去對(duì)應(yīng) input 綁定的數(shù)據(jù),初始化就是改變這個(gè)綁定的值即可。

不知道你明白沒有,我用 mobx 寫的可以給你參考下:

<Input 
        value={couponStore.state.name}   //綁定數(shù)據(jù)
        onChange={(event)=>{
                couponStore.state.name = event.target.value;
       }}
/>

componentWillMount(){
     couponStore.state.name = 'abc';   //初始化數(shù)據(jù)
}

2017年1月3日 02:46
編輯回答
何蘇葉

你用到了Form呢,應(yīng)該這樣去寫:

<ForItem>
{
this.props.form.getFieldDecorator('countryValue', {
            rules: [{ required: true, message: 'Please input country!' }],
            initialValue: this.state.countryValue
          })(
            <Input />
          )
}
</FormItem>

如果不是必填項(xiàng)呢,required: false

2018年3月31日 12:36
編輯回答
放開她

這是formitem的問題, 去看看formitem的文檔

2018年7月17日 18:12