我想知道您是否对将字符串从剃刀视图传递到React组件有任何建议?
export default class WidgetModel extends Component {
constructor() {
super()
}
render() {
const { } = this.props,
return (
<p>{Copy}</p>
)
}
}
<div id="widget">
<p>@vm.Copy</p>
</div>
解决方法:
据我了解,您的C#代码在服务器中得到评估,当时,react不存在,然后代码将被传递到浏览器,然后react将呈现它.
因此,我基本上无法像您想要的那样访问常规变量,但是可能可以将c#值分配给全局javascript变量,以便稍后在浏览器中进行选择:
说这是您的C#代码:
<div id="widget">
<p>@vm.Copy</p>
</div>
添加这样的东西:
<div id="widget">
<p>@vm.Copy</p>
<script>
var window.Copy = "@vm.Copy"; // we need the quotation so javascript doesn't compile it as a refrence, rather as a string
console.log('Copy',Copy);
</script>
</div>
然后在您的反应代码中,您应该可以将其拾取:
render() {
const { } = this.props,
return (
<p>{window.Copy}</p>
)
}