pref: 新加标签: autoFocus

src/views/Conversations/Online/Components/ChatListItem.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
 import { Dropdown, Input, Button, Tag, Popover, Form, Tooltip } from 'antd';
 import { CloseCircleOutlined, MinusCircleOutlined } from '@ant-design/icons';
@@ -26,6 +26,14 @@ const OrderSignEmoji = ({ item }) => (
 const NewTagForm = ({onSubmit,...props}) => {
   const [form] = Form.useForm();
   const [subLoding, setSubLoding] = useState(false);
+
+  const inputRef = useRef(null);
+  useEffect(() => {
+    inputRef.current?.focus()
+
+    return () => {}
+  }, [])
+
   const onFinish = async (values) => {
     // console.log('Received values of form[new_tag]: ', values);
     setSubLoding(true);
@@ -43,7 +51,7 @@ const NewTagForm = ({onSubmit,...props}) => {
       initialValues={{}}
       onFinish={onFinish}>
       <Form.Item name={'tag_label'} rules={[{ required: true, message: '请输入标签名' }]}>
-        <Input placeholder='新建并设置'  />
+        <Input placeholder='新建并设置' ref={inputRef} />
       </Form.Item>
       <Form.Item>
         <Button type='primary' htmlType='submit' loading={subLoding} >