[英]Chrome React extension
無法在反應應用程序中添加外部 JS。我需要在 Div 標簽后添加 JS 但找不到方法。
class Main extends React.Component {
render() {
return (
<Frame head={[<link type="text/css" rel="stylesheet" href={chrome.runtime.getURL("/static/css/content.css")} ></link>,
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>,
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>,
<script src="custom.js" type="text/javascript"></script>
]}>
<FrameContextConsumer>
{
// Callback is invoked with iframe's window and document instances
({document, window}) => {
// Render Children
return (
<div className={'my-extension'}>
<div>
<div className="draggable-main">
<h1>Test</h1>
<h3> Group 1</h3>
<div className="box">
<ul className="connected-sortable draggable-left">
<li>Test Case 1</li>
<li>Test Case 2</li>
<li>Test Case 3</li>
<li>Test Case 4</li>
<li>Test Case 5</li>
<li>Test Case 6</li>
<li>Test Case 7</li>
</ul>
</div>
<h3>Group 2</h3>
<div className="box">
<ul className="connected-sortable draggable-right">
<li>Test Case 8</li>
<li>Test Case 9</li>
<li>Test Case 10</li>
<li>Test Case 11</li>
<li>Test Case 12</li>
<li>Test Case 13</li>
<li>Test Case 14</li>
</ul>
</div>
</div>
</div>
</div>
)
}
}
</FrameContextConsumer>
</Frame>
)
}
在這種情況下,我需要在 div 之后添加 custom.js 以使我的功能正常工作。 但不能在那里添加,請提出一些將外部js添加到react組件的方法。 (注:custom.js 使用 jquery)
在 div 后的花括號內添加代碼。
<React.Fragment>
<div>
(your code)
</div>
{
Your jquery code
}
</React.Fragment>
注意:不建議將兩個 javascript 框架結合使用,這會導致性能問題。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.