,可以通过在Modal组件中使用<a>
标签来创建链接。具体步骤如下:
npm install reactstrap
import React, { useState } from 'react';
import { Modal, ModalHeader, ModalBody } from 'reactstrap';
const [modalOpen, setModalOpen] = useState(false);
const toggleModal = () => {
setModalOpen(!modalOpen);
};
<a>
标签,并在href
属性中指定链接地址:<a href="https://www.example.com">点击这里</a>
<button onClick={toggleModal}>打开Modal</button>
<Modal isOpen={modalOpen} toggle={toggleModal}>
<ModalHeader toggle={toggleModal}>Modal标题</ModalHeader>
<ModalBody>
<a href="https://www.example.com">点击这里</a>
</ModalBody>
</Modal>
这样,当点击"打开Modal"按钮时,Modal将会显示,并在其中呈现链接。点击链接将会跳转到指定的链接地址。
推荐的腾讯云相关产品:腾讯云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm
领取专属 10元无门槛券
手把手带您无忧上云