小编Pau*_*aul的帖子

在未定义的代码和框“格式”上反应 js dateFns 问题

错误:

Cannot read property 'format' of undefined
Run Code Online (Sandbox Code Playgroud)

代码错误:

<span>{dateFns.format(currentDate, dateFormat)}</span>
Run Code Online (Sandbox Code Playgroud)

关联

代码:

import React, { useState } from "react";
import dateFns from "date-fns";
import "./Calendar.css";
const Calendar = () => {
  const [currentDate, setCurrentDate] = useState(new Date());
  const [selectedDate, setSelectedDate] = useState(new Date());
  const header = () => {
    const dateFormat = "MMMM YYYY";
    return (
      <div className="header row flex-middle">
        <div className="column col-start">
          <div className="icon" onClick={prevMonth}>
            chevron_left
          </div>
        </div>
        <div className="column col-center">
          <span>{dateFns.format(currentDate, dateFormat)}</span>
        </div>
        <div className="column col-end">
          <div className="icon" …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs codesandbox

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

iOS 14 小部件可用内存

在互联网上搜索我发现在小部件的旧版本中存在以下内存限制:

对用户交互做出适当的响应。表现良好(尤其是 iOS 小部件必须明智地使用内存,否则系统可能会终止它们)。” 小部件的内存限制为 16 MB,因此请保持简单并确保测试您的小部件是否存在内存泄漏

我想了解新版本iOS 14可能使用的内存是否相同或已更改。

我在文档中找不到任何内容。

我想在 中编写一个小部件Swift ui,但首先我想了解是否有任何限制。

谁能给我一些澄清?

ios swift widgetkit swiftui ios14

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

svg传递参数

我正在尝试将参数传递给 svg,但我没有做错什么,你能帮我一下吗?

链接:codesandbox

网页:

<object type="image/svg+xml" data="button.svg?color=yellow">
      <param name="color" value="red" />
      <param name="label" value="stop" />
</object>
Run Code Online (Sandbox Code Playgroud)

图像:

<svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 110 40"
width="100%"
height="100%">
    <g>
        <rect 
id="button_rect" 
x="5" 
y="5" 
width="100" 
height="30" 
rx="15" 
ry="15" 
fill="param(color) blue" 
stroke="navy"
/>
<text id="button_label" x="55" y="30" text-anchor="middle" 
            font-size="25" fill="white" font-family="Verdana"
            content-value="param(label)">
            Ok
          </text>
    </g>
</svg>
Run Code Online (Sandbox Code Playgroud)

html svg

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

按钮或图像上的 Swift ui macOS 弹出窗口

在此处输入图片说明

我希望我能像图片中看到的那样做这样的事情。

我正在尝试使用这段代码,但我不太明白如何修复它。

我希望我可以ButtonImageMac应该是图像的a或 an上使用它。

谁能帮我吗?

代码:

func showLittlePopoverWithMessage(sender: NSView, message: String) {
        let controller = NSViewController()
        controller.view = NSView(frame: CGRect(x: CGFloat(100), y: CGFloat(50), width: CGFloat(100), height: CGFloat(50)))

        let popover = NSPopover()
        popover.contentViewController = controller
        popover.contentSize = controller.view.frame.size

        popover.behavior = .transient
        popover.animates = true

        let invisibleWindow = NSWindow(contentRect: NSMakeRect(0, 0, 20, 5), styleMask: .borderless, backing: .buffered, defer: false)
        invisibleWindow.backgroundColor = .red
        invisibleWindow.alphaValue = 0

        //controller.view.addSubview(sender)
        popover.show(relativeTo: sender.bounds, of: sender as! NSView, preferredEdge: .maxY)
    }
Run Code Online (Sandbox Code Playgroud)
#if os(macOS)
struct …
Run Code Online (Sandbox Code Playgroud)

image tooltip popover swift swiftui

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

向上滚动加载旧消息时反应js聊天

在此输入图像描述

\n

chat从图像中可以看出,我正在开发一个。

\n

当聊天打开时,聊天scrolls down会显示最新消息。

\n

我想做的是,当用户scrolls up到达最后一条消息(即聊天中最旧的消息)时,oldMessage调用该函数,该函数将传递http call该消息current page以尝试检索previous messages顶部显示的最后一条消息。

\n

我不知道我是否已经表达清楚了。

\n

你能帮我个忙吗?

\n

链接:codesandbox

\n
import React, { useState, useRef, useEffect } from "react";\nimport { makeStyles } from "@material-ui/core/styles";\nimport {\n  Card,\n  Typography,\n  Icon,\n  useTheme,\n  TextField,\n  IconButton,\n  Avatar,\n  Paper\n} from "@material-ui/core";\nimport Moment from "react-moment";\nimport clsx from "clsx";\nimport moment from "moment/moment";\n\nconst message = [\n  {\n    id: 1,\n    createdAt: "",\n    message: "Hi, James!",\n    senderId: {\n      _id: …
Run Code Online (Sandbox Code Playgroud)

javascript scroll chat reactjs material-ui

0
推荐指数
1
解决办法
6137
查看次数

Google chrome 通过 Javascript 或控制台选择所有复选框

我在以下 google chrome 页面上:chrome://history/?q=a

我有一个结果列表,我想确保通过浏览器控制台选择所有复选框。

我已经尝试过这些方法,从这里获取提示,但它似乎不起作用:

[].forEach.call( document.querySelectorAll('input[type="checkbox"]'),function(el){
       el.checked=true;
     }
);
Run Code Online (Sandbox Code Playgroud)
[].forEach.call( document.querySelectorAll('cr-checkbox#checkbox.no-label'),function(el){
       el.checked=true;
     }
);
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

谁能帮我吗?

html javascript checkbox google-chrome dom-events

0
推荐指数
1
解决办法
1510
查看次数

包含 obj 的 Javascript 数组数组,仅获取包含具有特定键的 obj 的数组

我有包含 obj 的数组数组,我应该只获取包含具有特定键的 obj 的数组。

我尝试使用双过滤器,但它不起作用。

你能给我一些建议吗?

let result = [
  [
    {
      "id": 1
    },
    {
      "id": 2
    }
  ],
  [
    {
      "id": 3
    },
    {
      "id": 4
    },
    {
      "id": 5,
      "type": {
        "id": 1555
      }
    }
  ],
  [
    {
      "id": 6,
      "type": {
        "id": 5456
      }
    }
  ]
];

const c = result.filter(array => array.filter(a => a.hasOwnProperty('type') === true));

console.log(c);
Run Code Online (Sandbox Code Playgroud)

结果:

[
  [
    {
      "id": 3
    },
    {
      "id": 4
    },
    {
      "id": 5,
      "type": {
        "id": …
Run Code Online (Sandbox Code Playgroud)

javascript arrays json object

-1
推荐指数
1
解决办法
46
查看次数