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>
              : '')
         }