Asp.net mvc jsx中的Razor渲染

我正在尝试在我的MVC web应用程序中修复导航栏。 有没有办法在我的\u Layout.cshtml中有这样的内容？
只是想利用剃须刀引擎

const navbarInstance = (
  <Navbar>
    <Navbar.Header>
      <Navbar.Brand>
        <a href="#">My Web Abb</a>
      </Navbar.Brand>
    </Navbar.Header>
    <Nav>
      <NavItem eventKey={1} href="@Url.Action("Index1","Controller")">Link1</NavItem>
      <NavItem eventKey={2} href="@Url.Action("Index2","Controller")">Link2</NavItem>
    </Nav>
  </Navbar>
);

ReactDOM.render(navbarInstance, navbar);

const navbarInstance=(
链接1
链接2
);
render（navbarInstance，navbar）；

看起来正确。你得到了什么结果？您可以使用razor安全地使用视图初始加载时解析的几乎任何内容。我已将上面的代码包含在

中，并添加了

（如果可能，我希望避免），但浏览器无法识别

“imports”

是否必须使用React JS.Net来实现这一点？我已将webpack配置为拾取所有其他.jsx文件。我只是想利用razor，但在普通jsx中我无法做到这一点。所以我必须在一个.cshtmly中完成，你可以在你的页面（cshtml视图文件）的一个脚本标记中使用它，但不能在你的JSX文件中使用，因为它将首先在服务器上呈现。要做到这一点，唯一的方法就是正确使用ReactJS.net，并将模型中的值作为初始道具传递给用户。我是个笨蛋！我刚刚意识到这超出了部分调查的范围。或者更确切地说，不包括在部分的渲染中。我想不久以前我使用了外部模板，这些模板具有在父部分视图中计算的razor标记。我知道这是在JS函数中实现的，但是，JS必须位于cshtml视图中，而不是外部引用。