无法将html作为prop传递给Component？

Question

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

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

Answer 1

不完全确定您要实现的目标，但您肯定在这里使用dangerouslySetInnerHTML错误。它是一个道具，应该与content

处于同一水平

否则你应该

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

和

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