react 踩坑之input框輸一個字會自動失去光標

最近在寫表單中用到了field

field.getValue('spuVideoFlag') === '1' ? <UpLoadVideo /> :

(field.getValue('spuVideoFlag') === '2' ? <ThirdVideo />

: '')

 

 

其中<ThirdVideo />中  return（） 這段代碼，點擊input輸入時，輸一個就會失去光標

 

　　　　　　　<FormItem
                label="第三方視頻鏈接:"

            >
            <Input placeholder="請輸入第三方視頻鏈接通用代碼" {...init('videoUrl', {
                  initValue: '',
                  rules: [{
                      required: true
                  }]
                })} />

            </FormItem>

 

 

網上查了類似的問題，大佬們這樣回答

 

 

 

實驗了一下，把剛才的<ThirdVideo />直接替換成里面的代碼，問題就解決了

{
           field.getValue('spuVideoFlag') === '1' ? <UpLoadVideo /> :
           (field.getValue('spuVideoFlag') === '2' ? <FormItem
                label="第三方視頻鏈接:"

            >
            <Input placeholder="請輸入第三方視頻鏈接通用代碼" {...init('videoUrl', {
                  initValue: '',
                  rules: [{
                      required: true
                  }]
                })} />

            </FormItem>
              : '')
         }