小编Kev*_*gts的帖子

目前，我正在努力将 MenuItem 组件的背景颜色设置为不同的颜色。（无需使用 !important 强制它）

组件代码：

<MenuItem
 classes={{
  root: this.props.classes.root,
  selected: this.props.classes.selected
 }}
 value={10}>
  Alfabetical
</MenuItem>

这是CSS：

const homePageStyle = (theme) => ({
  root: {
    width: "300px"
  },
  selected: {
    backgroundColor: "turquoise !important",
    color: "white",
    fontWeight: 600
  }
});

我想达到什么目标？

我想设置 MenuItem 的 backgroundColor 而不必设置 !important 标志。我已经用大量组件完成了这项工作，但目前这似乎行不通。

我正在使用版本“@material-ui/core”：“^1.0.0-rc.0”，

谢谢你的帮助。

我的MSQL表中有这两个模型之间的多对多关系：

• 场地-代表可以有多个所有者（雇员）的场地
• 员工-代表可以是首席执行官，销售员工或任何其他形式的员工。

我正在使用sequelize建立这样的关系：

关系员工>地点

 Employee.associate = function (models) { 
   models.Employee.belongsToMany(models.Venue, { through: 'EmployeeVenues' })
 }

关系地点>员工

 Venue.associate = function (models) {
    models.Venue.belongsToMany(models.Employee, { through: 'EmployeeVenues' })
 }

续集文档

根据Sequelize文档，它将创建一个名为EmployeeVenues的新模型，该模型具有等效的外键employee_id和场所_id。需要通过定义。Sequelize以前会尝试自动生成名称，但这并不总是导致最合理的设置。这会将方法getVenues，setVenues，addVenue，addUsers添加到Employee中。

并且这是正确的，当我启动我的Sequelize时，它将创建一个名为EmpoyeeVenues的新表，并使用正确的外键作为复合键。但是，当我查询getVenues时，它不会返回预期的输出。相反，它也返回关联的表值，这是我不想要的。

查询以获取属于ID等于1的员工的所有场所

router.get('/api/v1/users/:employee_id/venues', (request, response) => {
  var employeeId = request.params.employee_id;

  models.Employee.findOne({
    where: {id: employeeId}
  }).then((employee) => {

    if(!employee) { return response.status(400).send("Employee doesnt have a venue registered yet.")}
    var venues = employee.getVenues().then((venues) => {
    response.status(200).send(venues);
  })
})
});

回应结果

[
    {
        "id": 1,
        "capacity": …

我正在使用material-ui框架进行反应，我想知道如何使用此框架创建动画按钮？

我正在寻找类似的东西：

https://dialogs.github.io/dialog-web-components/#buttonnext

谢谢你的帮助！

我正在尝试让 manifest.json 文件适用于我的网络应用程序。不幸的是它不能正常工作。我在 chrome devtools 中收到以下错误：

行：1，列：1，意外标记。

我很确定 JSON 是有效的，但它可能与html-head 中的路径有关。我在这里做错了什么？

我在我的 html 中链接它，如下所示：

<link rel="manifest" href="/manifest.json">

清单如下所示：

{
  "short_name": "Tabbs Web App",
  "name": "Tabbs Web App",
  "description": "Tabbs is an digital booking service for the night life scenery",
  "icons": [
    {
      "src": "favicon.png",
      "sizes": "1024x1024",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "fullscreen",
  "theme_color": "#F5C33E",
  "background_color": "#ffffff"
}

这是我的地图结构：

希望有人能找到问题！干杯!

有关我的设置的一般信息

目前，我正在使用React和Nodejs API 构建一个 Web 应用程序，该 API 为该 Web 应用程序提供数据。这两个应用程序都托管在heroku.com上，并且彼此独立运行。我从不同的托管提供商处购买了自定义域，并使用heroku 自定义域选项将 DNS 指向我的网站。

有关我的设置的技术详细信息

• NodeJS 服务器：Express
• NodeJS版本：v10.15.0
• 反应版本：v16.2.0
• 自定义域名：www.tabbs.nl
• Heroku 域名：tabbs-web-app.herokuapp.com

我遇到的问题

我已经深入研究了大量文档和教程，以便为 React / NodeJS 设置 SSL，但找不到关于如何为我的设置设置 SSL / 安全性的不错的教程。

我已经读过的教程：

• 节点 + Express + Lets Encrypt
• 如何在 Node.js 中使用 SSL/TLS
• 堆栈溢出的帖子，可能还有很多我现在忘记了。

我想实现什么目标？

我想要实现的目标是在 React Web 应用程序（前端）和 NodeJS API（后端）之间建立安全连接，以便它们之间的所有数据都是加密且安全的。另外，我希望我的自定义域（由与 Heroku 不同的托管提供商购买）是安全的并强制使用 https。

如有任何疑问或其他信息，请随时询问！

问题是什么？

目前，我正在通过JSON进行通讯的主应用程序上构建应用程序扩展。主题和数据位于JSON中，并通过Apple的可编码协议进行解析。我现在遇到的问题是使NSAttributedString可编码兼容。我知道它不是内置的，但我知道它可以转换为数据并返回到nsattributedstring。

我到目前为止有什么？

将NSAttributedString强制转换为数据以便通过JSON共享。

if let attributedText = something.attributedText {
    do {
        let htmlData = try attributedText.data(from: NSRange(location: 0, length: attributedText.length), documentAttributes: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType])
        let htmlString = String(data: htmlData, encoding: .utf8) ?? "" 
    } catch {
        print(error)
    }
}

将html JSON字符串转换回NSAttributedString：

do {
    return try NSAttributedString(data: self, options: [.documentType: NSAttributedString.DocumentType.html, .characterEncoding: String.Encoding.utf8.rawValue], documentAttributes: nil)
} catch {
    print("error:", error)
    return  nil
}

我的问题？

如何制作一个具有nsAttributedTitle属性的结构，该属性的类型为NSAttributedString，并使其与自定义编码器解码器兼容？

结构示例（无需考虑可编码合规性）：

struct attributedTitle: Codable {
    var title: NSAttributedString

    enum CodingKeys: String, CodingKey {
        case …

如何在不使用以下代码的情况下隐藏/删除TextField组件中的下划线:

const theme = createMuiTheme({
  overrides: {
    MuiInput: {
      underline: {
        '&:hover:not($disabled):before': {
          backgroundColor: 'rgba(0, 188, 212, 0.7)',
        },
      },
    },
  },
});

我想用道具并根据文档来做:https://material-ui.com/api/input/

我应该能够改变下划线道具,但它不起作用.