小编Ade*_*Ade的帖子

我第一次使用 Entity Framework 和 .Net Core 2.0（我对 C# 也很陌生，但我从版本 1 开始就一直在使用传统的 .Net Framework 和 VB ......所以我不是新手到 .Net 开发），并且我已经遇到了创建数据库的问题。

以这个简单的场景为例：我想存储一些关于一些电动泵的信息。其中两个属性是最小/最大类型范围，因此我将它们实现为一个简单的类，因此：

public class Pump
{
    [Key]
    public int pumpId { get; set; }
    public string pumpName { get; set; }
    public int pumpControlChannel { get; set; }
    public MinMax normalCurrent { get; set; }
    public MinMax normalFlowRate { get; set; }
}

[ComplexType]
public class MinMax
{
    public int min { get; set; }
    public int max { get; set; }
} …

我在设置屏幕上使用 mat-slide-toggle 来显示各种“这个或那个”选项，例如：

<div class="row">
    <div class="column">
        Automatically adjust display to screen
    </div>
    <div class="column">
        <mat-label>Off&nbsp;</mat-label>
        <mat-slide-toggle formControlName="autoLayout">On</mat-slide-toggle>
        <mat-label>&nbsp;On</mat-label>
    </div>
</div>

<div class="row">
    <div class="column">
        Choose preferred manual layout
    </div>
    <div class="column">                            
        Landscape&nbsp;<mat-slide-toggle formControlName="portrait"></mat-slide-toggle>&nbsp;Portrait
    </div>
</div>

看起来像这样：

请注意，作为 mat-slide-toggle 一部分的“On”的样式与控件外部的 Off/On 的样式略有不同。

有没有什么方法可以在切换开关的左侧和右侧复制内部标签，而不必执行大量 CSS jiggery-pokery（我已经尝试过但失败了）？

我正在尝试使用 React 功能组件在 Typescript 中从react-bootstrap 页面实现自定义切换下拉示例。

这是我的组件代码：

    import React from 'react';
    import Dropdown from 'react-bootstrap/Dropdown';
    import FormControl from 'react-bootstrap/FormControl';


    export const DropdownSelector =() => (
      <Dropdown>
        <Dropdown.Toggle as={CustomToggle} id="dropdown-custom-components">
          Custom toggle
        </Dropdown.Toggle>

        <Dropdown.Menu as={CustomMenu}>
          <Dropdown.Item eventKey="1">Red</Dropdown.Item>
          <Dropdown.Item eventKey="2">Blue</Dropdown.Item>
          <Dropdown.Item eventKey="3" active>
            Orange
          </Dropdown.Item>
          <Dropdown.Item eventKey="1">Red-Orange</Dropdown.Item>
        </Dropdown.Menu>
      </Dropdown>
    )

    // The forwardRef is important!!
    // Dropdown needs access to the DOM node in order to position the Menu
    const CustomToggle = React.forwardRef(({ children, onClick }, ref) => (
      <a …