javascript - 在 reactjs 中访问 viewbag 属性

Question

我正在开发一个 web 应用程序，我在其中使用 reactjs 和 MVC c#。

我想知道 jsx 是否包含在 cshtml 中，是否可以访问 jsx 中的 viewbag 属性？我会有一个对象或 ID 传递给将在 UI 中呈现的 jsx 吗？

Answer 1

ViewBag在服务端渲染执行，在浏览器(客户端)调用react。
您的主要选择是:

1. 全局变量 - 在 razor (.cshtml) 中你可以设置一个全局变量对象 window.param = ViewBag.param。并从 react 中访问它。
   const x = window.param

2. 传递一个值(仅限原语)到 react 的根元素通过data-attribute 并在调用 render 之前获取它:示例:

       // razor (.cshtml)
           <div id="root" data-param="@ViewBag.param"></div>
   
      // react
           const root = document.getElementById('root');    
           const param =  root.getAttribute('data-param');
           render(<App myParam={param}/>, root)