插入带有React变量语句的链接(JSX)

如果我们必须在JSX中插入带有React变量的普通html元素,这很简单,我们可以使用 dangerouslySetInnerHTML ,或者我们可以使用任何npm包 html-react-parser .

const thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>';
render: function() {
    return (
        <div className="content" dangerouslySetInnerHTML={{__html: thisIsMyCopy}}></div>
    );
}

但是如果我们尝试在html中添加任何Link元素,它不会转换为锚定标记。

const thisIsMyCopy = '<Link to="/button" >button</Link>';

https://codesandbox.io/embed/react-example-y5m94?fontsize=14&hidenavigation=1&theme=dark 我希望你们中的很多人