Reactjs 语义反应：如何阻止某些操作所需的弹出消息？

我有一张这样的表格。我希望submit按钮具有必需的属性，但是当我单击action按钮（对于自行实现的剪贴板副本）时，它仍然会显示字段为空，从第一个开始

  <Form.Input
    label='Hostname'
    required={!hostname}
    defaultValue={hostname}
    onChange={e => {
      setHostname(e.target.value); 
    }}
    action={{
      color: 'teal',
      labelPosition: 'right',
      icon: 'copy',
      content: 'Copy',
      onClick: (e) => copyToClipboard(hostname)
    }}
  />
  <Form.Input
    label='User'
    required={!user}
    defaultValue={user}
    onChange={e => { 
      setUser(e.target.value); 
    }}
    action={{
      color: 'teal',
      labelPosition: 'right',
      icon: 'copy',
      content: 'Copy',
      onClick: (e) => copyToClipboard(user)
    }}
  />

{
setHostname（例如target.value）；
}}
行动={{
颜色：“青色”，
标签位置：'右'，
图标：“复制”，
内容：“复制”，
onClick：（e）=>copyToClipboard（主机名）
}}
/>
{ 
设置用户（如目标值）；
}}
行动={{
颜色：“青色”，
标签位置：'右'，
图标：“复制”，
内容：“复制”，
onClick：（e）=>copyToClipboard（用户）
}}
/>

即使单击为用户创建的复制操作，它仍然会在弹出消息中请求上一个空字段。复制功能运行时没有问题，但我不知道如何阻止任何非提交操作的此消息