1 回答

TA貢獻1951條經驗 獲得超3個贊
首先,讓我們使用一個事實來源:獲取需要從一個地方復制和顯示的數據。一旦它是動態(tài)生成的值 - 您就可以使用函數來構建它。
其次 - 為了在構建字符串時消除錯誤,<script></script>您可以將其生成拆分為一些子字符串。
例如:
class App extends React.PureComponent {
state = {tracking_id: 123};
getCode = () => `<script src="https://example.com/analaystics.js?analyticsId=${this.state.tracking_id}">
</script` + `>`
render() {
return (
<div>
<pre>
<code>
{this.getCode()}
</code>
</pre>
<CopyToClipboard text={this.getCode()}>
<button type="primary">Copy Code to Clipboard</button>
</CopyToClipboard>
</div>
);
}
}
- 1 回答
- 0 關注
- 149 瀏覽
添加回答
舉報