在 reactjs 中访问一个 viewbag 属性

Question

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

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

中呈现

Answer 1

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

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

通过 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)

在 reactjs 中访问一个 viewbag 属性

Access a viewbag property in reactjs

javascript

razor

asp.net-mvc-4

reactjs