在React组件的return语句中，如何简便实现number类型输入框最小值限制？

我知道可以通过以下方式实现数值输入最小值（≥5）的验证，但觉得这种方法太繁琐：

HTML 代码 #

<input type="number" id="myInput" min="5" />

JavaScript 代码 #

var input = document.getElementById("myInput");
input.addEventListener("input", function() {
  if (input.value < 5) {
    input.setCustomValidity("值必须至少为5");
  } else {
    input.setCustomValidity("");
  }
});

内容的提问来源于stack exchange，提问作者Steven