我如何在React js中解析字符串到Component

Question

我有一个这样的字符串：

const com = '<div><ComponentName data="abc" ></div>';

如何将此字符串解析为React js中的组件。 我想反应不要把它用作字符串。 感谢

Answer 1

我认为你的意思是输出html字符串作为真正的HTML？

class App extends React.Component {

constructor() {
    super();
    this.state = {
      com: '<div><ComponentName data="abc" ></div>'
    }
  }

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

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