为什么里面有输入的标签会导致onClick运行2次？
const { StrictMode } = React;
const { createRoot } = ReactDOM;
function App() {
return (
<label className="label" onClick={()=> console.log("label onClick")}>
<input className="radio" type="radio" />
</label>
);
}
const root = createRoot(document.getElementById("root"));
root.render(<StrictMode><App /></StrictMode>);.label {
display: block;
background-color: red;
width: 300px;
height: 100px;
position: relative;
}
.radio {
width: 30px;
height: 30px;
}<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<div id="root"></div>