无法将html作为prop传递给Component？
[英]Can't pass html as prop to Component?
{this.isPay && <PaidOverlay content={ dangerouslySetInnerHTML={{ __html: <p>test</p> }} } />}
What is wrong here? Got unexpected token
这有什么不对？得到意外的令牌
1 个解决方案
#1
2
Not exactly sure what you're trying to achieve but you are certainly using dangerouslySetInnerHTML wrong here. It is a prop and should be at the same level as content
不完全确定你想要实现什么，但你肯定在这里使用危险的SetInnerHTML错误。它是一个道具，应该与内容处于同一水平
Otherwise you should do
否则你应该这样做
{this.isPay && <PaidOverlay content="<p>test</p>" /> }
And
和
class PaidOverlay {
render() {
return <div dangerouslySetInnerHTML={{ __html: this.props.content }} />
}
}
智能推荐
注意！
本站翻译的文章，版权归属于本站，未经许可禁止转摘，转摘请注明本文地址：http://www.silva-art.net/blog/2017/07/25/e7267008efe4e514ec9f13eda5df24cf.html。
猜您在找
Vue组件中的jQuery插件：无法将值传递给prop - jQuery plugin in Vue component: Cannot pass value to prop
无法从机械化将html传递给lxml - Can't pass html to lxml from mechanize
React：内联有条件地将prop传递给组件 - React: inline conditionally pass prop to component
如何将一个对象数组作为prop传递给组件，然后将数组的成员作为props传递给嵌套组件？ - How can I pass down an array of objects as a prop to a component and then pass down the array's members as props to nested components?
无法在反应导航中将支持从Stacknavigator传递给DrawerNavigator - Can not pass prop from Stacknavigator to DrawerNavigator in react-navigation
赞助商链接