不能将 html 作为道具传递给组件？

【问题标题】：Can't pass html as prop to Component?不能将 html 作为道具传递给组件？
【发布时间】：2017-07-25 08:36:32
【问题描述】：

{this.isPay && <PaidOverlay content={ dangerouslySetInnerHTML={{ __html: <p>test</p> }} } />}

这里有什么问题？得到了意外的令牌

【问题讨论】：

【解决方案1】：

不完全确定您要达到的目标，但您肯定在这里使用了dangerouslySetInnerHTML 错误。是道具，应该和content同级

否则你应该这样做

{this.isPay && <PaidOverlay content="<p>test</p>" /> }

和

class PaidOverlay {
  render() {
    return <div dangerouslySetInnerHTML={{ __html: this.props.content }} />
  }
}

【讨论】：