Question

在代码中，我想要一个必填属性，以使该字段成为必填字段。但是它不起作用..有任何简单的方法对此验证做出反应吗？

<label htmlFor="name">Name</label>
<input type="text" className="form-control"
id="name" placeholder="Enter name" required/>

Answer 1

尝试添加表单和按钮标签：

<form onSubmit={handler}>
  <input type="text" id="name" placeholder="Enter name" required />
  <button type="submit" />
</form

如果这不起作用，请尝试将required替换为required="required"

Answer 2

一种可能的方法是，您可以为输入标签创建onblur / onchange函数，并检查该函数中您输入的字符串是否为空。如果为空，则可以在状态中分配一个变量，然后调用this.setState函数。现在，在<span>标签下面放置<input>标签，并在<span>标签中呈现状态变量。

如何在React JS中将必填属性添加到文件中？

2 个答案: