我正在使用 Material UI 背景，并希望在其中有一些微小的形式。但每当我点击它的孩子时，背景就会关闭，onClick这要归功于它应该切换背景。
有什么方法可以阻止背景onClick从内部背景（它的孩子）触发？
我尝试过useRef在内部使用元素，但对我来说，对元素有多个引用并在切换功能中检查它们（如果它应该隐藏背景）似乎很疯狂。另外，我无法访问背景内的某些元素；
const handleBackdropToggle = e => {\n console.log(e.currentTarget === backdropRef.current);\n if (e.currentTarget === backdropRef.current) {\n setOpen(!open);\n }\n};\n\nconst handleToggle = e => {\n setOpen(!open);\n};\nconst handleBackdropToggle = e => {\n console.log(e.currentTarget === backdropRef.current);\n if (e.currentTarget === backdropRef.current) {\n setOpen(!open);\n }\n};\n\nconst handleToggle = e => {\n setOpen(!open);\n};\n我正在尝试使用 puppeteer 生成 PDF，一切正常，但输入和复选框不可编辑。在文档中，我找不到如何使其可编辑或在其他地方。
是否可以 ？如果是这样怎么办？
// ...
const _conf = _.merge(conf, {
format: 'A4',
margin: {
left: '15px',
top: '15px',
right: '15px',
bottom: '15px'
}
});
const browser = await puppeteer.launch({ headless: true })
const page = await browser.newPage()
await page.setContent(html)
const buffer = await page.pdf()
await browser.close()
return buffer;
我正在尝试在输入组下添加一个小文本。但它不起作用，因为它与 form-group 一起使用。
所以在这个例子中，我希望帮助文本位于输入下方，而不是位于输入右侧这就是我对输入组的意思https://getbootstrap.com/docs/4.0/components/input-group/
这是 jsfiddle 的播放链接https://jsfiddle.net/c59hnx8v/
顺便说一句，这只是为了演示。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container mt-3">
<form>
<div class="row">
<div class="col">
<label for="demo">Write your email here:</label>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Email" id="demo" name="email">
<div class="input-group-append">
<span class="input-group-text">@</span>
</div>
<small>Help text</small>
</div>
</div>
<div class="col">
<label for="demo">Write your email here:</label>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Email" id="demo" …