大家好，我在嘗試克隆反應組件（克隆反應組件的父 div）時觀察到一個問題，這使得內聯事件處理程序以某種方式被禁用/刪除，并且克隆組件無法觸發任何事件，但原始組件工作正常。據我搜索，javascript cloneNode 方法應該適用于內聯事件處理程序，它也適用于純 html 和 javascript，但不知何故我似乎無法讓它在 react.js 中工作索引.jsimport React from 'react';import ReactDOM from 'react-dom';class Football extends React.Component { shoot() { alert("Great Shot!"); } render() { return ( <button onClick={this.shoot}>Take the shot!</button> ); }}ReactDOM.render(<Football />, document.getElementById('root'));索引.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>React App</title> </head> <body> <div id="root"></div> <button "onclick=CloneIt()">CloneIt</button><script>function CloneIt(){var elem=document.getElementById("mainComp").cloneNode(true);document.body.appendChild(elem);}</script> </body></html>
在 react.js 中克隆后內聯事件處理程序不起作用
牛魔王的故事
2021-11-25 15:26:37
