小编dre*_*mon的帖子

我正在做的项目有点敏感，但这是我可以向大家展示的。

当我单击 NavBar 中的 s 之一时，它会更改 URL，但不会将视图更改为正确的组件。有谁知道为什么？如果有更好的方法可以表达或提高我的 questin 的质量，请告诉我。

我返回的渲染

<NavBar />
<BrowserRouter>
  <div>
    <Switch>
      <Route path="/propertytypes" component={PropertyTypes} />
      <Route path="/entitytypes" component={EntityTypes} />
      <Route path="/associationtypes" component={AssociationTypes} />
      <Route path={Routes.ROOT} component={Test} />
    </Switch>
  </div>
</BrowserRouter>

我的导航栏

import React, { Component } from "react";
import { Link } from "react-router-dom";

class NavBar extends Component {
  render() {
    return (
      <div>
        <ul>
          <li>
            <Link to="/propertytypes">Props!</Link>
          </li>
          <li>
            <Link to="/entitytypes">Ent!</Link>
          </li>
          <li>
            <Link to="/associationtypes">Ass!</Link>
          </li>
        </ul>
      </div>
    );
  }
}

export default NavBar;

点击道具链接后

现在，我正在尝试使用 Prettier 并遵循 Stylelint 的规则来格式化我的 SCSS 代码。我很难让这两个人站在一起。

例如，declaration-colon-new-line对于以下 scss 代码，我不断收到 stylelint 错误（这是正确的）：

background-image: linear-gradient(45deg, transparent 50%, #263b59 50%),
    linear-gradient(135deg, #263b59 50%, transparent 50%),
    radial-gradient(transparent 0%, transparent 0%);

使用 Prettier 格式化后，它应该如下所示（或满足规则的内容），但我找不到选项或如何执行此操作：

background-image: 
    linear-gradient(45deg, transparent 50%, #263b59 50%),
    linear-gradient(135deg, #263b59 50%, transparent 50%),
    radial-gradient(transparent 0%, transparent 0%);

谁能帮我让 Prettier 按照 Stylelint 的规则自动格式化内容？我对此很陌生，所以有点失落。

现在我遇到了标签溢出并环绕的问题，使输入字段与 div 的底部不对齐。有没有简单的 CSS 方法来做到这一点？

我尝试过相对/绝对位置，显示内联块+垂直对齐底部等。

任何提示/帮助将不胜感激！11！1

<div class="form-row m-0">
<div class="col-md-6 p-0">
    <div class="col bg-success form-group p-2 m-0 h-100"><label for="theHours"><b>Hours</b></label><input class="form-control" type="text" id="theHours" aria-describedby="hoursHelp"></div>
</div>
<div class="col-md-6 p-0">
    <div class="col bg-success form-group p-2 m-0 h-100"><label for="theOrder"><b>Work Order / Notification / Emergency</b></label><input class="form-control" type="text" id="theOrder" aria-describedby="orderHelp"></div>
</div>

因此，我有一个带有下拉菜单的粘性导航栏，可以让我跳转到页面的不同部分。但是，当我跳转到不同的部分时，导航栏会覆盖我跳转到的 div 的开头。我检查了导航栏，它的高度为 58，带有填充和所有内容。如何将跳转偏移 58 像素，以便 div 与粘性顶部齐平，并且不会遮挡启动 div 的标题？

例如下面是我的网站

当我单击“教育”时，它会切断“教育”标题，并且与我的navbar.