如何使用reactjs发送空值时使输入字段边框变为红色?

我是新来的人,我的目标是在单击发送按钮时在红色文本中显示边框,而不在输入文本字段中输入任何值。我不知道如何在material-ui中获得边框红色。我需要验证输入字段吗?如果是,那么我是否需要使用字母和字母数字正则表达式进行验证?我在这里有点困惑。

这是代码:

 <TextField
            margin="dense"
            fullWidth
            variant="outlined"
            placeholder="Enter a Message"
            name="msg"
            id="text"
          />
          <Button onClick={this.handleSubmit}>Send</Button>

Here is the whole code

有人可以协助我进行此查询吗?