javascript - 在 React 组件中转换字符串

Question

我有一个字符串，它实际上是一个嵌套的 react 组件名称及其 Prop 。想要在另一个 react 组件中呈现该字符串。 例如

var String = "<parentComponent title='Parent'><childComponent age='23'></childComponent></parentComponent>"

react 代码:-

class MainComponnet extends Component{
 render(){
  let stringComponents = "<parentComponent title='Parent'><childComponent age='23'></childComponent></parentComponent>";
  return(
     {stringComponents}
  )
 }
}

父组件 JSX : -

class ParentComponent extends Component{
 render(){
  return(
     <div> {this.props.title}</div>
  )
 }
}

子组件 JSX : -

class ChildComponent extends Component{
 render(){
  return(
     <div> {this.props.age}</div>
  )
 }
}

请帮忙..

Answer 1

非常感谢大家帮助我。 库“react-jsx-parser”解决了我的问题。