javascript - 在 React 中如果条件不满足，如何显示一条消息

有一个表单使用 Yup 进行数据验证，对于某个字段有几个条件，它必须是 1 到 10 之间的数值，默认值为 5，如果输入的数字超出范围必须显示错误信息，如果没有输入则显示另一条错误信息。

  const schema = yup.object({
      myInput: yup.number().default(5).min(1).max(10).required('no input'),
      ...
    });

它显示默认值 5，但当它被删除并点击提交时，没有消息显示‘无输入’。

另外，如果输入不在 [1, 10] 区间内，错误信息应该添加在哪里？