小编hin*_*ner的帖子

网格折叠破坏网格

我正在学习使用 Material-ui 和 React 创建一个网站。

我想创建一个可折叠网格,其中一些行根据页面状态折叠/展开。

当我在网格布局中添加折叠组件时,网格布局被破坏。

我在这里创建了一个示例代码(https://codesandbox.io/embed/jolly-golick-3lwt5)进行演示。

在这里,您会看到折叠部分(当前条件为“展开”)未按预期显示。

我在这里做错了什么吗?

grid reactjs material-ui

6
推荐指数
1
解决办法
9284
查看次数

FCM - 为什么在较新的 Firebase Admin SDK 中不再支持 FCM 直接渠道?

我正在尝试为 FCM 实现服务器以向 android/iOS 设备发送通知。

我需要向 android 和 iOS 发送纯数据通知,但 iOS 的后台通知似乎非常不稳定。(即使该应用程序在前台,我也经常根本没有收到消息。)

当我使用带有 FCM 直接通道的传统 FCM REST 服务器进行测试时,它在 iOS 上运行良好,但这对我来说不是一个选项,因为较新的 Admin SDK 不支持直接通道。

是否有任何理由在较新的 Admin SDK 中取消对 FCM 直接渠道的支持?我看到所有 Firebase 文档都推荐使用 Admin SDK,但不知道为什么他们取消了对直接渠道的支持。

push-notification apple-push-notifications firebase-cloud-messaging firebase-admin

5
推荐指数
1
解决办法
1245
查看次数

正则表达式 - 只允许英文(小写或大写)、数字、特殊字符

我试图限制用户的输入如下。

\n\n
    \n
  1. 英文字符(a 到 z 或 A 到 Z)
  2. \n
  3. 数字字符(0 到 9)
  4. \n
  5. 所有特殊字符 (~`!@#$%^&*()_+-=[]{}|;\':",./<>?)
  6. \n
\n\n

我想阻止用户输入非英文字符(如中文、韩文等)。

\n\n
export const isValidPasswordChar = str => {\n  const regex = /^[~`!@#$%^&*()_+\\-=\\[\\]\\\\{}|;\':",./<>?a-zA-Z0-9]$/;\n  if(regex.test(str)){\n    return false\n  }\n  return true;\n};\n
Run Code Online (Sandbox Code Playgroud)\n\n

和单元测试

\n\n
it(\'should not allow foreign chars-1\', ()=>{\n    const str = \'\xec\x95\x88\';\n    expect(isValidPasswordChar(str)).toBe(false);\n  });\n
Run Code Online (Sandbox Code Playgroud)\n\n

上述单元测试以前有效,但由于某种原因,单元测试一直失败。我在这里缺少什么吗?

\n

javascript regex

4
推荐指数
1
解决办法
5484
查看次数

Kubernetes - 外部IP 与内部IP

当我运行以下命令从本地集群获取信息时,

kubectl 集群信息转储

我看到每个节点的以下内容。

在主控上

"addresses": [
                    {
                        "type": "ExternalIP",
                        "address": "10.10.15.47"
                    },
                    {
                        "type": "InternalIP",
                        "address": "10.10.15.66"
                    },
                    {
                        "type": "InternalIP",
                        "address": "10.10.15.47"
                    },
                    {
                        "type": "InternalIP",
                        "address": "169.254.6.180"
                    },
                    {
                        "type": "Hostname",
                        "address": "k8s-dp-masterecad4834ec"
                    }
                ],

Run Code Online (Sandbox Code Playgroud)

在工作节点1上

"addresses": [
                    {
                        "type": "ExternalIP",
                        "address": "10.10.15.57"
                    },
                    {
                        "type": "InternalIP",
                        "address": "10.10.15.57"
                    },
                    {
                        "type": "Hostname",
                        "address": "k8s-dp-worker5887dd1314"
                    }
                ],

Run Code Online (Sandbox Code Playgroud)

在工作节点2上

"addresses": [
                    {
                        "type": "ExternalIP",
                        "address": "10.10.15.33"
                    },
                    {
                        "type": "InternalIP",
                        "address": "10.10.15.33"
                    },
                    {
                        "type": "Hostname",
                        "address": "k8s-dp-worker6d2f4b4c53" …
Run Code Online (Sandbox Code Playgroud)

kubernetes

4
推荐指数
1
解决办法
5500
查看次数

avro - 逻辑类型的架构

我正在尝试学习 avro 并且有一个模式问题。

有些文件说

{
      "name": "userid",
       "type" : "string",
       "logicalType" : "uuid"
},
Run Code Online (Sandbox Code Playgroud)

还有人说

{
  "name": "userid",
  "type" : {
    "type" : "string",
    "logicalType" : "uuid"
  }
},
Run Code Online (Sandbox Code Playgroud)

哪一个是正确的?或者它们是相同的吗?

谢谢你!

avro

4
推荐指数
1
解决办法
2881
查看次数

如何使用酶对 Material-ui 文本字段进行单元测试?

我仍在使用 Enzyme 和 Material-ui 学习 ReactJS。

我有一个带有 Material-ui 的 TextField 的组件,我想对以下情况进行单元测试。

  1. When user enters a string '123' on TextField on screen, the TextField should set 'error' to 'true' and display message 'Wrong Name format.'

Component

import React, { useState } from "react";
import TextField from "@material-ui/core/TextField";
import Grid from "@material-ui/core/Grid";

export const NameTextField = props => {
  const { onStateChange } = props;
  const [state, setState] = useState({
    errors: [],
    onChange: false,
    pristine: false,
    touched: false,
    inProgress: false,
    value: { …
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui enzyme

2
推荐指数
1
解决办法
5138
查看次数

嵌套 async/await 是一种反模式吗?

我有 getAction1、2 和 3 函数,它们在后端 API 服务中执行一些操作。

我需要一个按顺序执行 getAction1、2 和 3 的按钮。

在这个情况下,

这样做是不是更好?(选项1)

apiconsumer.js

export const getAction1 = (param1) => new Promise(
    function (resolve, reject) {
      // DO SOMETHING AND RETURN 'resolve' or 'reject'
    });
export const getAction2 = (param2) => new Promise(
    function (resolve, reject) {
      // DO SOMETHING AND RETURN 'resolve' or 'reject'
    });
export const getAction3 = (param3) => new Promise(
    function (resolve, reject) {
      // DO SOMETHING AND RETURN 'resolve' or 'reject'
    });
Run Code Online (Sandbox Code Playgroud)

按钮.js

const …
Run Code Online (Sandbox Code Playgroud)

javascript asynchronous promise reactjs

2
推荐指数
1
解决办法
399
查看次数