將變量（字符串）的值從剃刀視圖傳遞給 React 組件

Question

我想知道您是否對將字符串從 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>

Answer 1

據我了解，您的 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>           
    )
  }