小编2ph*_*pha的帖子

为什么自动对焦在 ReactJS 和 antd 中不起作用?

我在使用自动对焦时遇到了麻烦,我搜索了很多,但没有找到适合我的解决方案,我使用的是一个抽屉,里面有一个表单,该表单有一些带有输入的 Form.Item,当我打开抽屉,我想专注于form.item,有人可以帮助我吗?

这是我的代码:

<Drawer>
  <Form layout="vertical" ref={this.formRef} onFinish={this.onFinish} onFinishFailed={this.onFinishFailed}>    
    <Row gutter={16}>
      <Col span={24}>
        <Form.Item
          name="description"
          label="Description"
          rules={[
            {
              required: true,
              message: 'Please enter a description.',
            },
          ]}
        >
          <Input.TextArea autoFocus rows={10} placeholder="Please enter a description." />
        </Form.Item>
      </Col>
    </Row>
    <Row style={{ bottom: '0', position: 'absolute', right: '38px' }}>
      <Form.Item>
        <Button
          onClick={this.onClose}
          style={{ marginRight: 8 }}
        >
          Cancel
      </Button>
      </Form.Item>
      <Form.Item>
        <Button type="primary" htmlType="submit">
          Submit
        </Button>
      </Form.Item>
    </Row>
  </Form>
</Drawer>
Run Code Online (Sandbox Code Playgroud)

javascript reactjs antd

6
推荐指数
1
解决办法
1万
查看次数

标签 统计

antd ×1

javascript ×1

reactjs ×1