[英]Passing the value of a variable(string) from a razor view to a React component
我想知道您是否对将字符串从 razor 视图传递到 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>
)
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.