小编Pau*_*aul的帖子

React js 谷歌地图 react-google-maps-api 添加 StandaloneSearchBox

我想添加一个 StandaloneSearchBox,但我无法添加它,这是我收到的问题,这是我正在使用的代码。

我按照文档示例中所示进行了操作,但无法使其正常工作,并且找不到工作示例。

我在 codesanbox 上发布的示例与我正在使用的代码相同。

链接:代码沙盒

在此处输入图片说明

代码:

import React, { useState, useRef, useCallback } from "react";
import {
  LoadScript,
  GoogleMap,
  DrawingManager,
  Polygon,
  Marker,
  OverlayView,
  StandaloneSearchBox
} from "@react-google-maps/api";
import Switch from "@material-ui/core/Switch";

import Paper from "@material-ui/core/Paper";
import MenuItem from "@material-ui/core/MenuItem";
import MenuList from "@material-ui/core/MenuList";

import "./styles.css";
const libraries = ["drawing"];

const options = {
  drawingControl: true,
  drawingControlOptions: {
    drawingModes: ["polygon"]
  },
  polygonOptions: {
    fillColor: `#2196F3`,
    strokeColor: `#2196F3`,
    fillOpacity: 0.5,
    strokeWeight: 2,
    clickable: true,
    editable: true,
    draggable: true,
    zIndex: …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps reactjs react-google-maps

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

React js重命名和解构数组长度

我有一个像下面这样的减少功能:

let el = scopes.reduce ((tot, {actions}) => tot + actions.length, 0);
Run Code Online (Sandbox Code Playgroud)

我试图这样改造它,但似乎它不是正确的方法:

let el = scopes.reduce ((tot, {actions.length: len}) => tot + len, 0);
Run Code Online (Sandbox Code Playgroud)

有没有办法做到这一点,或者这是不可能的。

javascript ecmascript-6 reactjs object-destructuring

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

Swift ui macOS menuBar NSPopover 无箭头

在此输入图像描述

如何从 NSPopover 中删除箭头?

你能帮我个忙吗?

应用程序委托:

import Cocoa
import SwiftUI

@main
class AppDelegate: NSObject, NSApplicationDelegate {
    var popover = NSPopover.init()
    var statusBar: StatusBarController?
    @Environment(\.colorScheme) var colorScheme
    
    @ObservedObject var userPreferences = UserPreferences.instance
        
    func applicationDidFinishLaunching(_ aNotification: Notification) {
        let contentView = ContentView()
        popover.contentSize = NSSize(width: 560, height: 360)
        popover.contentViewController = NSHostingController(rootView: contentView)
        statusBar = StatusBarController.init(popover)
        DistributedNotificationCenter.default.addObserver(self, selector: #selector(interfaceModeChanged(sender:)), name: NSNotification.Name(rawValue: "AppleInterfaceThemeChangedNotification"), object: nil)
        
    }
    
    func applicationWillTerminate(_ aNotification: Notification) {
        // Insert code here to tear down your application
    }
    
    @objc func interfaceModeChanged(sender: NSNotification) …
Run Code Online (Sandbox Code Playgroud)

macos popover nspopover swift swiftui

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

MacOS 反应本机错误捆绑器:无法加载命令:pod

我尝试在本机反应中创建一个新项目:

\n
 npx react-native@latest init myApp\n
Run Code Online (Sandbox Code Playgroud)\n

在此输入图像描述

\n
> gem which cocoapods\n\n/Users/nameUser/.rbenv/versions/3.2.2/lib/ruby/gems/3.2.0/gems/cocoapods-1.13.0/lib/cocoapods.rb\n
Run Code Online (Sandbox Code Playgroud)\n

创建项目时我得到这个:

\n
Installing CocoaPods dependencies (this may take a few minutes)\nerror bundler: failed to load command: pod (/Users/nameUser/Desktop/proj/myApp/vendor/bundle/ruby/3.2.0/bin/pod)\n/Users/nameUser/Desktop/proj/myApp/vendor/bundle/ruby/3.2.0/gems/activesupport-7.1.0/lib/active_support/core_ext/array/conversions.rb:108:in `<class:Array>\': undefined method `deprecator\' for ActiveSupport:Module (NoMethodError)\n\n  deprecate to_default_s: :to_s, deprecator: ActiveSupport.deprecator\n                                                          ^^^^^^^^^^^\nDid you mean?  deprecate_constant\n    from /Users/nameUser/Desktop/proj/myApp/vendor/bundle/ruby/3.2.0/gems/activesupport-7.1.0/lib/active_support/core_ext/array/conversions.rb:8:in `<top (required)>\'\n    from <internal:/Users/nameUser/.rbenv/versions/3.2.2/lib/ruby/site_ruby/3.2.0/rubygems/core_ext/kernel_require.rb>:38:in `require\'\n    from <internal:/Users/nameUser/.rbenv/versions/3.2.2/lib/ruby/site_ruby/3.2.0/rubygems/core_ext/kernel_require.rb>:38:in `require\'\n    from /Users/nameUser/Desktop/proj/myApp/vendor/bundle/ruby/3.2.0/gems/cocoapods-1.13.0/lib/cocoapods.rb:9:in `<top (required)>\'\n    from <internal:/Users/nameUser/.rbenv/versions/3.2.2/lib/ruby/site_ruby/3.2.0/rubygems/core_ext/kernel_require.rb>:38:in `require\'\n    from <internal:/Users/nameUser/.rbenv/versions/3.2.2/lib/ruby/site_ruby/3.2.0/rubygems/core_ext/kernel_require.rb>:38:in `require\'\n    from /Users/nameUser/Desktop/proj/myApp/vendor/bundle/ruby/3.2.0/gems/cocoapods-1.13.0/bin/pod:36:in `<top (required)>\'\n    from /Users/nameUser/Desktop/proj/myApp/vendor/bundle/ruby/3.2.0/bin/pod:25:in `load\'\n    from /Users/nameUser/Desktop/proj/myApp/vendor/bundle/ruby/3.2.0/bin/pod:25:in `<top (required)>\'\n    from /Users/nameUser/.rbenv/versions/3.2.2/lib/ruby/site_ruby/3.2.0/bundler/cli/exec.rb:58:in …
Run Code Online (Sandbox Code Playgroud)

ruby macos ios cocoapods react-native

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

Material ui Autocomplete 按回车键创建新芯片

我希望我可以使用材料 ui 的自动完成功能来做这样的事情:wertarbyte

也就是说,在没有必须从中选择的元素列表的情况下插入文本(字符串)。

因此不应该出现 noOptions 消息,每次在键盘上按下 Enter 键时都会插入文本。

在此处输入图片说明

链接:代码沙盒

代码:

import React from "react";
import Chip from "@material-ui/core/Chip";
import Autocomplete from "@material-ui/lab/Autocomplete";
import { makeStyles } from "@material-ui/core/styles";
import TextField from "@material-ui/core/TextField";

const useStyles = makeStyles(theme => ({
  root: {
    width: 500,
    "& > * + *": {
      marginTop: theme.spacing(3)
    }
  }
}));

export default function Tags() {
  const classes = useStyles();

  return (
    <div className={classes.root}>
      <Autocomplete
        multiple
        id="tags-outlined"
        options={[]}
        defaultValue={["foo", "bar"]}
        //getOptionLabel={(option) => option}
        //defaultValue={[top100Films[13]]}
        //filterSelectedOptions …
Run Code Online (Sandbox Code Playgroud)

javascript autocomplete reactjs material-ui

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

Github mac git 使用多个帐户

我在 Github 上有两个帐户,每个帐户都有特定的用途。

我想确保每次推送我的姓名和密码时,我都可以使用正确的帐户进行大声操作。

但它并没有发生,我使用 https 连接而不是 ssh。

现在查看钥匙链,我看到找到了两把钥匙。userA 一把密钥,userB 一把密钥,均适用于 Github。

你能帮我个忙吗?

git macos version-control github keychain

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

Node js 语法错误:意外的标记“导出”

在此输入图像描述

当我尝试运行用 Node.js 编写的 api 时,控制台中出现以下错误。

你能告诉我哪个是问题吗?

javascript export mongoose mongodb node.js

3
推荐指数
2
解决办法
2万
查看次数

Swift 5.4 十六进制转 NSColor

我正在为 macOS 开发一个程序。

我需要将十六进制颜色转换为 NSColor。

我在这里查看了建议的解决方案:

将十六进制颜色代码转换为 NSColor

如何将十六进制转换为 NSColor?

但这些都不能在 Xcode 12.5.1 上正常工作。

目前我这样做,它工作正常:

extension NSObject {
    func RGB(r:CGFloat, g:CGFloat, b:CGFloat, alpha:CGFloat? = 1) -> NSColor {
        return NSColor(red: r/255, green: g/255, blue: b/255, alpha: alpha!)
    }
}

let fillColor = RGB(r: 33, g: 150, b: 243)
Run Code Online (Sandbox Code Playgroud)

可能不必使用可可。

我想要一个这样的函数:hexToNSColor("#2196f3")

你能帮我个忙吗?

macos hex nscolor swift

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

React js 通过单击按钮粘贴之前复制的文本

我有一个从另一个站点复制的足够长的文本,我必须确保当用户单击按钮时,文本被获取并复制到变量中value

我尝试使用getData,但它不起作用。

你能帮我个忙吗?

链接:codesandbox

代码:

import React, { useState, useEffect, useRef } from "react";
import Box from "@mui/material/Box";
import TextField from "@mui/material/TextField";
import Button from "@mui/material/Button";

export default function MultilineTextFields() {
  const [value, setValue] = React.useState("");

  const ref = useRef(null);

  return (
    <Box
      component="form"
      sx={{
        "& .MuiTextField-root": { m: 1, width: "25ch" }
      }}
      noValidate
      autoComplete="off"
    >
      <Button
        variant="contained"
        color="primary"
        onClick={(e) => {
          let paste = (e.clipboardData || window.clipboardData).getData("Text");
          setValue(paste);
        }}
      >
        Paste
      </Button>

      <div> …
Run Code Online (Sandbox Code Playgroud)

javascript clipboard paste reactjs

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

反应本机react-native-paper按钮具有更大的高度

在此输入图像描述

我在用着react-native-paper,我想制作一个比正常尺寸更大的按钮,如 gif 所示。

我尝试过同时使用heightpadding,但两者都无法正常工作。

您在 gif 中看到的是带有填充的示例。

单击的唯一方法是在中心,在其他地方该事件不会发生。

你能帮我个忙吗?

<Button
          mode="contained"
          labelStyle={{ color: Colors.white }}
          style={{ padding: 30 }}
          onPress={() => console.log('Pressed')}>
          Start
        </Button>
Run Code Online (Sandbox Code Playgroud)

javascript button react-native react-native-paper

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