Form 中使用 Input 会自动失焦导致无法输入

[zhangminggeek]

NutUI React 包名

@nutui/nutui-react-taro

NutUI React 版本号

2.7.4

平台

weapp

重现链接

https://codesandbox.io/p/sandbox/nutui-react-2x-demo-fg4vxd?file=/src/App.tsx

重现步骤

<Form labelPosition="left" divider>
      <Form.Item
        label="手机号"
        name="account"
        rules={[{ required: true, message: '请输入手机号' }]}
        required={false}
      >
        <Input />
      </Form.Item>
    </Form>

现象：点击 Input，发现 Input 自动失焦，无法输入内容

之前使用 2.7.0 版本没有这个问题，更新到 2.7.4 之后出现

期望的结果是什么？

能正常使用 Input

实际的结果是什么？

Input 无法输入

环境信息

No response

其他补充信息

No response

[zhangminggeek]

退回 2.7.0 版本 Input 使用正常

[YeYbfwad]

遇到相同的问题

[oasis-cloud]

Taro 3.6.35，NutUI 2.7.4 无法复现问题。 可以提供下具体的 Taro 版本

[oasis-cloud]

https://github.com/oasis-cloud/nutui-react-taro3x-demo.git 在这个仓库中没复现出来，可以给这个仓库提交一个 demo 的 PR 吗？

[YeYbfwad]

@oasis-cloud 问题应该出在 focus={autoFocus}，focus 是受控的，autoFocus 一直 false 的话就无法聚焦，直接用 active 就没问题了

[oasis-cloud]

@YeYbfwad

<Form.Item name="test">
	<Input focus={autoFocus} />
</Form.Item>

是说这种情况吗？

[YeYbfwad]

@oasis-cloud 不是，是 Input 源码focus字段的赋值有问题，源码是 focus={autoFocus}，但autoFocus 是 props 传参，默认值是 false，导致 focus 一直都是 false，视图更新后，就自动 blur 了

[oasis-cloud]

@YeYbfwad 按照 issue 中说的 “2.7.0 版本没有这个问题”，2.7.0 之后的版本中 Input 的实现一直是 focus={autoFocus}。你可以提供一份 Demo，以及操作的录屏吗？

[YeYbfwad]

@oasis-cloud 写的 demo 暂时复现不出来，比较奇怪，目前发现的现象是 input 的 style 都会变成[object,object]，就会出现这种问题，但感觉像是 focus 字段赋值的问题