javascript - 将 html 标签放入字符串中

Question

这似乎很容易，但由于某种原因我做不到。

在 React 中我有一个对象:

const test = {
  paragraphs: [
    'text of paragraph A text <a>link</a> text', //<a> tag will be printed just as a string
    'text of paragraph B text text',
  ]
}

我正在映射段落，以便渲染几个段落，就像这样。

test.paragraphs.map(item => <p>item</p>)

一切正常。但是如果我想在第一段中放置一个链接标签怎么办？如何将 html 标签嵌入数组中的第一个字符串内？

Answer 1

这是如何在reactjs应用程序中将字符串转换为HTML的示例

class App extends React.Component {

constructor() {
    super();
    this.state = {
      description: '<a href={to} target="_blank" {...rest}>{children}</a>'
    }
  }

  render() {
    return (
      <div dangerouslySetInnerHTML={{ __html: this.state.description }} />
    );
  }
}

ReactDOM.render(<App />, document.getElementById('root'));