小编kdi*_*zle的帖子

DeviceInfo本机模块未正确安装

在此输入图像描述

所以我尝试实施Facebook登录并相应地遵循所有步骤.在遇到错误后FBSDKcorekit/FBSDKcorekit.h' file not found,我决定转而研究其他组件.

瞧,我有这个错误现在给我带来麻烦.我接着看了这个视频:https://www.youtube.com/watch?v = raxVKapP5cM&t = 458s我在终端中使用了react-native install react-native-fbsdkreact-native link react-native-fbsdk命令.

如果它有帮助,我在终端中遇到以下编译错误:以下构建命令失败:

CompileC /Users/someUser/desiredProject/ios/build/Build/Intermediates/RCTFBSDK.build/Debug-iphonesimulator/RCTFBSDK.build/Objects-normal/x86_64/RCTFBSDKGraphRequestManager.o RCTFBSDK/core/RCTFBSDKGraphRequestManager.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
Run Code Online (Sandbox Code Playgroud)

(1次失败)

我不确定是不是在修补它react-native-fbsdk或导致这个错误的链接.请注意,在我尝试实施Facebook登录并使用link命令之前,我的项目正在运行.

这里发生了什么?

提前感谢您的时间和耐心.

编辑:我还没有实现任何Facebook登录代码,因为我无法在Xcode上成功构建.

facebook react-native react-native-ios

19
推荐指数
2
解决办法
7956
查看次数

Android Talkback 未针对网络注册 onFocus。如何使用 Android Talkback 操纵可访问性焦点?

正如标题所说,Android Talkback 没有注册该onFocus事件。我知道该onFocus事件从未注册过,因为屏幕阅读器使用了一种特殊类型的可访问性焦点。那么,我们如何驱动/操纵可访问性焦点来为用户提供更好的体验?

我在这里有一个例子:https : //codesandbox.io/s/r54j2mqrl4。所以这里console.log("hello!")没有在移动 Android Talkback 中为我注册,但是它在桌面 mac OSX 上正确注册(没有屏幕阅读器)。我正在使用 Tab 键进行导航。

是否有类似于onFocus用于 Android Talkback 的可访问性焦点的事件?

提前感谢您的时间。

设备和版本

手机 Android Talkback:三星 Galaxy Tab S2,Android 7.0 版,Google Chrome 62.0.3202.84

桌面 Mac OSX:macOS Sierra 10.12.6,谷歌 Chrome 61.0.3163.100

javascript android accessibility talkback reactjs

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

Ant Design + React-table。如何在 Ant Design 提供的 UI 元素之上构建 react-table 的过滤能力?

我一直在查看react-tableAnt Design 的 table element之间的文档。看来,蚂蚁设计有点问候自以为是,以允许开发人员自由的道具添加到要么<table><thead><tbody>

React-table 是一个无头 UI 库,它为开发人员提供 React 钩子以与我们自己的 UI 元素一起使用,但我目前的问题是能够将这些钩子发送到 AntD 的 Table 元素的核心 UI 元素中。

有没有人遇到过类似的问题?如果是这样,您的解决方法是什么?

我不想诉诸于从 react-table 和 Ant Design 中取出大量源代码来最终构建我自己的 react-table/AntD table 混合解决方案。

design-patterns reactjs antd react-table

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

为任何类型的 HTML 元素键入自定义 useRef 挂钩

我对 Typescript 还是有点陌生​​,我的目标是React.useRef在 Typescript 中创建一个返回引用的自定义钩子。我希望为任何 HTML 元素键入此引用,而不仅仅是按钮。我遇到了正确输入此自定义挂钩的问题。

这是我的钩子:

type CustomRefHook = (dependencies?: string | boolean | number[]) => React.MutableRefObject<HTMLButtonElement | null>;

const useCustomRefHook: CustomRefHook = (...dependencies) => {
  const ref = React.useRef<HTMLButtonElement | null>(null);

  useEffect(() => {
    // ... do stuff
  }, dependencies)

  return ref;
}
Run Code Online (Sandbox Code Playgroud)

目前,这个钩子的大部分用例都是按钮,但我希​​望最终将其扩展到任何类型的 HTML 元素。我尝试使用HTMLElement而不是HTMLButtonElement,但是我收到以下类型错误:

Type 'MutableRefObject<HTMLElement | null>' is not assignable to type 'string | ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined'.
  Type 'MutableRefObject<HTMLElement …
Run Code Online (Sandbox Code Playgroud)

html ref typescript reactjs

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

如何将forwardedAs prop与样式组件一起使用?将forwardedAs 属性与打字稿一起使用

forwardedAs以下是prop上的文档: https ://styled-components.com/docs/api#forwardedas-prop 。

正如你所看到的,它不是很详细,也没有展示如何正确使用这个道具。

我的问题是:我如何访问通过 发送下来的道具forwardedAs?我如何定义这些forwardedAs道具的类型?

我可以forwardedAs通过...rest参数访问道具,但我需要为这些道具定义类型,因为我还在 Typescript 中使用样式组件。

这是我的代码示例:

// Button.jsx
const myPropsToForward = {
  href: 'https://somewebsite.com',
  // ...more props
}

const Button = styled.button`
  // ...button styles
`

const myComponent = () => (
  <Button
    as={Link}
    to={ctaLink}
    forwardedAs={myPropsToForward}
  />
)

Run Code Online (Sandbox Code Playgroud)
// Link.jsx
const Link = ({
  forwardedAs,
  ...rest
}) => {
  // How do I access the forwardedAs prop from <Button /> here?

  return (
    <a …
Run Code Online (Sandbox Code Playgroud)

javascript typescript reactjs styled-components react-props

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

如何通过 React-slick useRef 钩子和打字稿使用 AutoPlay 方法

我目前正在使用"typescript": "^3.7.5""react-slick": "^0.25.2"

我面临的问题是我无法使用自动播放方法slickPlay以及slickPause新的useRef挂钩和打字稿。

目标:能够使用播放/暂停按钮暂停自动播放和恢复自动播放。我的播放/暂停按钮将位于分页点旁边。

我的代码:

import React, { useStateuseRef } from 'react';

const myComponent = () => {
  const [autoPlayOn, setAutoPlayOn] = useState<boolean>(true);
  const sliderRef = useRef<typeof Slider | null>(null);
  
  <Slider
    ref={sliderRef}
    appendDots={(dots): JSX.Element => (
      <MyButton
        onClick={() => {
          setAutoPlayOn(!autoPlayOn);
          if (autoPlayOn) {
            sliderRef.slickPlay();
          } else {
            sliderRef.slickPause();
          }
        }}
      />
    )}
    {...otherSettings}
  >
}
Run Code Online (Sandbox Code Playgroud)

我收到的类型错误是:

No overload matches this call.
  Overload 1 of 2, '(props: Readonly<Settings>): Slider', …
Run Code Online (Sandbox Code Playgroud)

ref typescript reactjs react-slick react-hooks

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

使用正则表达式格式化 HTTP 标头

我想使用正则表达式格式化我的 HTTP 标头。我已经使用split(' ')后跟数组操作完成了它,但是这次我想使用正则表达式执行此操作。

我想接受这个输入,它是一个巨大的字符串:

GET /v1/search?q=bob%20dylan&amp;type=artist HTTP/1.1
Host: api.spotify.com
Cache-Control: no-cache
Postman-Token: e2f09f98-f8e0-43f7-5f0e-b16e670399e2
Run Code Online (Sandbox Code Playgroud)

并将其格式化为一个对象,如下所示:

{ headers: 
   { Host: ' api.spotify.com',
     'Cache-Control': ' no-cache',
     'Postman-Token': ' e2f09f98-f8e0-43f7-5f0e-b16e670399e2' 
   },
  verb: 'GET',
  path: '/v1/search?q=bob%20dylan&amp;type=artist',
  protocol: 'HTTP/1.1' 
}
Run Code Online (Sandbox Code Playgroud)

我理解通过使用该split方法,我的代码更具可读性。但是,我的第一次尝试是使用正则表达式,因为我的目标是提取/格式化字符串。

我知道通过正则表达式是可能的,但这是否值得?大家觉得呢?

感谢您的时间。

javascript regex string http http-headers

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