css - React js 不显示 '<a href...' 作为链接

Question

Click on <a href='https://test.com' target="_blank">https://test.com</a>
        2. Select data
            2.1 Filter by Database Name
            2.5 Click Save
        3. Select DB
            3.1 Check Primary

我正在发送来自数据库的上述字符串数据进行 react ，它显示在“pre”标签内。但是字符串内的 href 链接没有显示为链接。它显示的是完整的文本是.. 如何在 pre 标签内显示链接？

Answer 1

请考虑在 React 中使用 dangerouslySetInnerHTML 属性。

function createMarkup() {
return {__html: 'First · Second'};
}

function MyComponent() {
return <div dangerouslySetInnerHTML={createMarkup()} />;
}

更多信息请访问:https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

当您想要显示来自数据库的原始数据时，还要考虑 XSS 攻击。