Reactjs 我正确地使用了ref API用法

在一年内没有使用它之后，现在又回来作出反应，并注意到我们使用REF的方式发生了一些变化。我已经多次重读了关于如何使用回调的部分，并查看了一些示例，但我仍然不能100%确定我是否正确使用了表单中的引用

我已经阅读了文档和示例，但我的方式似乎既不适合旧的方式，也不适合新的方式，所以有点困惑

[编辑] 为了说明这一点，我只是在处理表单上的提交并将其传递回另一个组件，但我想检查我处理表单中引用的方式是否正确。如果这不清楚，很抱歉

import React, { Component } from "react";
import { Card, Form, Button } from "react-bootstrap";

class LoginForm extends Component {
  constructor(props) {
    super(props);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handelSubmit(e) {
    e.preventDefault();
    this.props.login(this.email.value, this.password.value);
  }

  render() {
    return (
      <Card>
        <Form className="m-4" onSubmit={this.handelSubmit}>
          <Form.Group controlId="formBasicEmail">
            <Form.Label>Email address</Form.Label>
            <Form.Control
              type="email"
              placeholder="Enter email"
              ref={input => {
                this.email = input;
              }}
            />
          </Form.Group>
          <Form.Group controlId="formBasicPassword">
            <Form.Label>Password</Form.Label>
            <Form.Control
              type="password"
              placeholder="Password"
              ref={input => {
                this.password = input;
              }}
            />
          </Form.Group>
          <Button variant="primary" type="submit" block>
            Login
          </Button>
        </Form>
      </Card>
    );
  }
}

export default LoginForm;
````


Can someone tell me if the way I am using the refs in my form are correct with current React Standards or how I should be doing it if wrong.

import React，{Component}来自“React”；
从“react bootstrap”导入{Card，Form，Button}；
类LoginForm扩展组件{
建造师（道具）{
超级（道具）；
this.handleSubmit=this.handleSubmit.bind（this）；
}
handelSubmit（e）{
e、 预防默认值（）；
this.props.login（this.email.value，this.password.value）；
}
render（）{
返回(
电子邮件地址
{
this.email=输入；
}}
/>
暗语
{
this.password=输入；
}}
/>
登录
);
}
}
导出默认登录信息；
````
有人能告诉我，我在表格中使用参考文献的方式是否符合当前的React标准，或者如果错误，我应该怎么做。

如果您告诉我们您正在尝试做什么，这会有所帮助，但要回答您的问题，它应该如下所示：

// declare ref instance
emailRef = React.createRef();
passwordRef = React.createRef();

在窗体控件上：

// email
ref={this.emailRef}
// password
ref={this.passwordRef}

// access your refs
var email = this.emailRef.current.value;
var password = this.passwordRef.current.value; 

---

您没有解释您发布的代码有什么问题，也没有提出具体问题。请这么做。对不起，我想很清楚我是在问我的refs实现是否正确。本网站是针对与编程（代码）或程序员工具使用相关的问题。你没有解释一个问题或问一个问题（正如我前面提到的）。如果您只是想对您的工作代码进行同行评审，那么创建它就是为了这个特定的目的。否则，你将需要对一个问题进行具体说明，并提出一个更具体的问题。没有问题Ken有人向我提供了我想要的答案，我现在要自己研究为什么。这是一个问题，当你不遵守网站指南时，无论你是否得到了答案。我更新了我的问题以使其更清楚，你介意告诉我为什么这种方法比我目前的实现更好吗。或者我的不符合当前React实践的要求，也谢谢你给我一个答案，这真的很有帮助