标签：razor reactjs c net

我想知道您是否对将字符串从剃刀视图传递到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>           
    )
  }

标签：razor,reactjs,c,net
来源： https://codeday.me/bug/20191025/1928640.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。