我有一个字符串,它实际上是一个嵌套的反应组件名称及其道具。想要在另一个反应组件内渲染该字符串。 例如在React组件中转换字符串
var String = "<parentComponent title='Parent'><childComponent age='23'></childComponent></parentComponent>"
阵营代码: -
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>
)
}
}
请帮助..
一个问题,为什么它在一个字符串内? – VivekN
其实服务将返回组件字符串,因此我必须呈现该组件。 – Kracki
我认为这样做有些不可能。可能你需要一个react-jsx-parser来将字符串转换为正常的组件类型,然后渲染它 – VivekN