如何在字符串中編寫 html 代碼以創建代碼片段？

Question

<Modal show={props.show} onHide={() => props.close()} size="lg" centered aria-labelledby="contained-modal-title-vcenter" >
            <Modal.Header closeButton>
                <Modal.Title>Modal heading</Modal.Title>
            </Modal.Header>
            <Modal.Body>
                some random text................
                        
                You include the script with the following code:
                  <script src='script.js'></script>

                        
            </Modal.Body>
            <Modal.Footer>
                <Button variant="secondary" onClick={() => props.close()}>
                    Close
                </Button>
                <Button variant="primary">
                    Download
                </Button>
            </Modal.Footer>
        </Modal>

在上面的代碼中，我希望Modal.Body中的腳本標記行顯示為文本，而是執行代碼。 我嘗試將腳本標簽包含在span中，但它仍然無法正常工作， <input>和<canvas>也是如此

Answer 1

將小於號( < ) 替換為< 並類似地將大於號( > ) 替換為> .

所以你的代碼將變成：

 <script src='script.js'></script>