我在视图上有一组链接到两个列表的下拉控件.
//control
ViewData["Countries"] = new SelectList(x.getCountries().ToList(), "key","value",country);
ViewData["Regions"] = new SelectList(x.getRegions(country).ToList(), "id", "name", regions);
/*
on the view
*/
<% using (Html.BeginForm("","", FormMethod.Get))
{ %>
<ol>
<li>
<%= MvcEasyA.Helpers.LabelHelper.Label("Country", "Country:")%>
<%= Html.DropDownList("Country", ViewData["Countries"] as SelectList) %>
<input type="submit" value="countryGO" class="ddabtns" />
</li>
<li>
<%= MvcEasyA.Helpers.LabelHelper.Label("Regions", "Regions:")%>
<%= Html.DropDownList("Regions", ViewData["Regions"] as SelectList,"-- Select One --") %>
<input type="submit" value="regionsGO" class="ddabtns" />
</li>
</ol>
<br />
<input type="submit" value="go" />
<% } %>
因此它将查询发送到同一页面(因为它只提供了另一种设置/更新相应下拉菜单的方法,这是可以接受的,因为它将全部用javascript替换).
点击的网址就像......
http://localhost:1689/?country=FRA®ions=117
区域取决于国家/地区代码.
我正在努力实现这一点,而不必担心路由,因为关于这个功能没有真正的意义.
因此Controller具有以下方法.
public ActionResult Index(string …ESLint告诉我,我不需要"use strict"在我的index.js文件的顶部(它是一个简单的服务器,如https://nodejs.org/en/about/上的6行服务器).显然,所有节点模块都已处于严格模式.说得通.
但是,运行node index.js会给我一个"SyntaxError:[let]不支持外部严格模式." 确实运行"冗余"的"use strict"pragma.
为什么不一致？节点是否应该知道默认情况下此节点模块确实严格？这可能是由于节点,ESLint或我的IDE的一些简单的错误配置？
我有一个非常简单明了的 ComponentX，它可以呈现一些样式化的 HTML，不需要数据获取，甚至不需要路由。它有一个简单的故事。ComponentX 旨在用于深色主题的网站，因此它假设它将继承color: white;和其他此类样式。这对于正确渲染 ComponentX 至关重要。我不会用 ComponentX 的代码让您感到厌烦。
这些上下文样式（例如background-color: black;和）由组件color: white;应用于。使用 css-in-js 库将样式应用到文档。<body>GlobalStylesGlobalStylesEmotion
import { Global } from '@emotion/react';
export const GlobalStyles = () => (
<>
<Global styles={{ body: { backgroundColor: 'black' } }} />
<Outlet />
</>
);
正如您所看到的，该组件不接受子组件，而是用作布局路由，因此它呈现一个<Outlet />. 我希望应用程序使用由以下所示的布局路线来呈现如下所示的路线树(1)
<Router>
<Routes>
<Route element={<GlobalStyles/>} > <== (1)
<Route path="login">
<Route index element={<Login />} />
<Route path="multifactor" element={<Mfa />} />
</Route>
未图示：<Login>和 …
asp.net-mvc ×1
c# ×1
c#-3.0 ×1
eslint ×1
javascript ×1
node.js ×1
react-router ×1
reactjs ×1
storybook ×1
strict ×1