如何解决我想要一条警告消息输入您的姓名,然后单击添加按钮如果 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
功能。这是您应该检查文本区域是否为空的地方。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。