<script>
<script>
component can be used to run Javascript code when the element is rendered. It is useful inside <html>
.
It is recommended to use this sparingly in other situations.
const scriptContent = ` let count = 0; setInterval(function () { count++; document.querySelector('#style-this').Style.color = count % 2 === 0 ? 'black' : 'crimson'; }, 500); `; export default function App() { return <> <view id="style-this"> Styled text </view> <script content={scriptContent} /> </>; };
Loading content from a URL
The content of this component can be loaded from a URL by defining the source
property.
const url = 'https://reactunity.github.io/examples/script-content.js'; export default function App() { return <> <view id="style-this"> Styled text </view> <script source={url} /> </>; };