我想要一条警告消息输入您的姓名，然后单击添加按钮如果 textplace 为空，则显示错误消息

问题描述

        <Button onClick={handleClick} 
                variant="contained" size="medium"
                style={{backgroundColor:"#4CB04F",color:"white" }} >
            Accept
        </Button>
      
        <Snackbar
         anchorOrigin={{
          vertical: "bottom",horizontal: "right",}}
          open={open} autoHideDuration={3000} onClose={handleClose}
        >
          <Alert
            onClose={handleClose}
            severity="success"
            
          >
            The file has been Uploaded Successfully
          </Alert>
          
        </Snackbar>

解决方法

您正在使用 React Native Paper 中的 Snackbar 组件。如果您查看文档 here，您会注意到 Snackbar 已经是一个警报，您不应该在其中添加另一个警报。

  <Snackbar
    visible={visible}
    onDismiss={onDismissSnackBar}
    action={{
      label: 'Undo',onPress: () => {
        // Do something
      },}}>
    The file has been Uploaded Successfully
  </Snackbar>

在同一个示例中，您将找到一个 Button 组件：

<Button onPress={onToggleSnackBar}>{visible ? 'Hide' : 'Show'}</Button>

此按钮具有 onToggleSnackBar 功能。这是您应该检查文本区域是否为空的地方。