Javascript 如何在不删除react index.js文件中的严格模式的情况下解决严格模式警告

当我在下面的表格中使用

时，它会说

警告：在StrictMode中不推荐使用findDOMNode。已向findDOMNode传递了StrictMode内的RefFindNode实例。相反，直接向要引用的元素添加引用。

即使我使用了useRef，它仍然显示这个警告。所以我可以在不删除索引文件的情况下修复它吗

import React, {useRef} from 'react'
import { Button, Container, Form, Input } from 'semantic-ui-react'
import Layout from '../layout/Layout'

const Login = () => {

    let btn = useRef(null)
    React.useEffect(() => {
        console.log(btn);
    })

    return (
        <Layout>
            <Container className="auth-form segment">
                <Form>
                    <Form.Field 
                        label="Email"
                        control={Input}
                        placeholder="example@gmail.com"
                        name="email"
                    />
                    <Form.Field 
                        label="Password"
                        control={Input}
                        placeholder="Password"
                        name="password"
                        type="password"
                    />
                    <Button content="Login" ref={btn} primary/>
                </Form>
            </Container>
        </Layout>
    )
}

export default Login

import React，{useRef}来自“React”
从“语义ui反应”导入{按钮、容器、表单、输入}
从“../Layout/Layout”导入布局
常量登录=（）=>{
设btn=useRef（null）
React.useffect（（）=>{
控制台日志（btn）；
})
返回(
)
}
导出默认登录名

我认为你做不到

相反，您为什么不执行以下操作（在index.js文件中）：

if（process.env.NODE_env=='development'）{
返回；
}
其他的
{
返回；
}

你可以随意使用其他标志。。。

---

只是个主意。

那为什么呢？在StrictMode中，我们可以看到潜在的警告。警告告诉我们更改代码以提高性能。不是吗？但是，为什么我们不能解决这个问题呢？

if (process.env.NODE_ENV === 'development') {
   return <React.StrictMode><App /></React.StrictMode>;
}
else
{
   return <App />;
}