いつもお世話になっております。

今回、空文字を送信させない方法として

    if (this.state.item.trim() === ''){
           return;
        }

を使用して、空文字の送信を防いでいる処理を行っていますが、
自分なり、他にも方法がないか調べたところ、inputにrequiredを追加すると空文字を
送信できない処理があることを知りました。

      function TodoForm(props){
        return(
          <form onSubmit={props.addTodo}>
            <input type="text" value={props.item} onChange={props.updateItem}　required/>
            <input type="submit" value="追加" />
          </form>
        );
      }

こちらの方法でも確認し、送信できないことを確認しました。
『！このフィールドに入力してください。』と決まり文句がでてくるようですが、
こちらの文言を自分なりにアレンジしたい場合、
上記のif文を使い、その中にalretなどを利用するという形でよろしいでしょうか？
今回、if文を使用した意図はどのようなことなのでしょうか？