Question

这就是我尝试进入 ref 区域的方法。但是，当我尝试将内容写入输入时，当我不得不在console.log中显示内容时，它只是表明我的mailRef是

无法读取未定义的属性“值”

import React from 'react';

class Signup extends React.Component {
    mailRef = React.createRef();

handleSubmit = (event) => {
    event.preventDefault();
    console.log('heyyyyyyyyyyyyyyy');
    console.log('Submit: ' + this.mailRef.value.value);
}
..

html：

<input type="text" name="email" ref={this.mailRef} className="form-control" placeholder="Email" />

如果我只需要在“ console.log”中写“ heyyyyyyyyyy ”，我就把它弄出来，但是一旦我得到了写的内容，它就不会抓住它。

Answer 1

您应该像这样将声明放入构造函数中：

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

有关更多信息：Uncontrolled Components

从ref获取值-始终表示无法读取未定义的属性“值”

1 个答案: