所以我尝试实施Facebook登录并相应地遵循所有步骤.在遇到错误后FBSDKcorekit/FBSDKcorekit.h' file not found,我决定转而研究其他组件.
瞧,我有这个错误现在给我带来麻烦.我接着看了这个视频:https://www.youtube.com/watch?v = raxVKapP5cM&t = 458s我在终端中使用了react-native install react-native-fbsdk和react-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上成功构建.
正如标题所说,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
我一直在查看react-table和Ant Design 的 table element之间的文档。看来,蚂蚁设计有点问候自以为是,以允许开发人员自由的道具添加到要么<table>,<thead>或<tbody>。
React-table 是一个无头 UI 库,它为开发人员提供 React 钩子以与我们自己的 UI 元素一起使用,但我目前的问题是能够将这些钩子发送到 AntD 的 Table 元素的核心 UI 元素中。
有没有人遇到过类似的问题?如果是这样,您的解决方法是什么?
我不想诉诸于从 react-table 和 Ant Design 中取出大量源代码来最终构建我自己的 react-table/AntD table 混合解决方案。
我对 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) 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) 我目前正在使用"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) 我想使用正则表达式格式化我的 HTTP 标头。我已经使用split(' ')后跟数组操作完成了它,但是这次我想使用正则表达式执行此操作。
我想接受这个输入,它是一个巨大的字符串:
GET /v1/search?q=bob%20dylan&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&type=artist',
protocol: 'HTTP/1.1'
}
Run Code Online (Sandbox Code Playgroud)
我理解通过使用该split方法,我的代码更具可读性。但是,我的第一次尝试是使用正则表达式,因为我的目标是提取/格式化字符串。
我知道通过正则表达式是可能的,但这是否值得?大家觉得呢?
感谢您的时间。
reactjs ×5
javascript ×3
typescript ×3
ref ×2
android ×1
antd ×1
facebook ×1
html ×1
http ×1
http-headers ×1
react-hooks ×1
react-native ×1
react-props ×1
react-slick ×1
react-table ×1
regex ×1
string ×1
talkback ×1