在React的textarea中按下enter时提交表单?

时间:2017-12-14 08:52:59

标签: reactjs

如果用户按下“输入”状态,如何提交表单?在textarea?默认行为是在textarea中插入换行符。

    <form className="" onSubmit={newComment}>
        <textarea type="text" rows="3" name="body" />
        <button className="btn" type="submit">
            Comment
        </button>
    </form>

我是否应该在textarea上有onChange事件,并在功能测试中查看是否按下了回车键?这就是我用vanilla JavaScript做的方法,但我无法在React的合成事件中找到关键事件。

1 个答案:

答案 0 :(得分:15)

你的textarea是一个不受控制的元素。这是一种可接受的方法,但facebook鼓励使用受控输入。

无论如何,这里是如何为不受控制的形式做到这一点:

id

您也可以使用refs代替上面的[HttpPost] public ActionResult Search(SearchBarcode model, int BarcodeNum) { var FoundRecord = db.ChristmasTicketsDb.SingleOrDefault(x => x.BarcodeNum == BarcodeNum); if (FoundRecord == null) { return HttpNotFound(); } return View(FoundRecord); }