Question

我有一个输入字段和一个按钮。我要这样做，以便如果用户在单击按钮时在输入字段中输入的值是数字，则应该显示带有信息的div。现在，当单击该按钮时，它会加载我的数据，但是即使输入为空，它也可以工作。我如何才能从输入中正确获取值，检查其是否为数字，以及div是否应显示信息的确是数字，这是我到目前为止所做的：

   *
  ***
 *****
*******

我尝试通过onChange事件获取值，并使用if语句检查其类型，并将该事件作为第二次onClick附加，但不起作用

Answer 1

您的代码中有错字：

_checkValue() {
  if (evt.taget.value != number) {
  // -------^ should be target

此外，Number.isNaN将是更可靠的比较。

Answer 2

首先，您在
<input type="submit" value="Check" onClick={this._showMessage{this._checkValue} />
接下来，
<input> React中的框工作方式略有不同。 Check out this link

在React中获取输入值并进行检查

2 个答案: