小编olo*_*olo的帖子

如何更改文本字段的焦点颜色?

我正在使用 Material-UI React 库,并且我需要TextField在单击或聚焦时更改 a 的边框颜色(视情况而定)。

这是我尝试过的:

const useFormFieldStyles = makeStyles((theme) => ({
  input: {
    borderWidth: '1px',
    fontWeight: 'bold',
    '& .MuiOutlinedInput-input:focused': {
      borderColor: 'green',
    }
  }
}));
Run Code Online (Sandbox Code Playgroud)

然而,borderColor尽管我付出了一切努力,它仍然是蓝色的。

我怎样才能做到这一点?

css reactjs material-ui

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

如何在图像上制作 CSS 闪光效果?

当在元素上使用时,我有以下闪光效果,效果非常好p,但它不适用于任何div元素,也不适用于img. 那么,我应该进行哪些修改才能确保闪光效果在任何元素上发挥作用。

片段如下

 .shimmer {
      display: inline-block;
      color:grey;
      background: #acacac -webkit-gradient(linear, 100% 0, 0 0, from(#acacac), color-stop(0.5, #ffffff), to(#acacac));
      background-position: -50rem top; /*50px*/
      background-repeat: no-repeat;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      -webkit-animation-name: shimmer;
      -webkit-animation-duration: 2.2s;
      -webkit-animation-iteration-count: infinite;
      -webkit-background-size: 50rem 100%; /*50px*/
      font-size: 90px;
    }
    
    @-webkit-keyframes shimmer {
        0% {
            background-position: -50rem top; /*50px*/
        }
        70% {
            background-position: 12.5rem top; /*200px*/
        }
        100% {
            background-position: 12.5rem top; /*200px*/
        }
    }
Run Code Online (Sandbox Code Playgroud)
<div>
<p class="shimmer">Shimmering Text</p>

<div>
<img src="https://i.stack.imgur.com/MeQxk.png" …
Run Code Online (Sandbox Code Playgroud)

css linear-gradients background-position css-animations

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

测试按钮单击 ReactJS 时是否呈现另一个组件

我在两个不同的文件中有两个独立的组件

组件A组件B

我在ComponentB中有一个按钮

现在我想测试一下,当单击ComponentB中的特定按钮时, ComponentA应呈现如下:

import { render, screen, fireEvent } from '@testing-library/react';
import ComponentA from './ComponentA';
import ComponentB from './ComponentB'

test('Component A Comes up on Click of Component B button', () => {
  render(<ComponentB />);

  const componentBButton = screen.getByRole('button');
  
  fireEvent.click(componentBButton);
  
  expect(<ComponentA />).toBeInTheDocument(); //This throwing an error that receiver must be HTMLElement or SVGElement

});
Run Code Online (Sandbox Code Playgroud)

不幸的是,我收到了Receiver must be HTMLElement or SVGElement这个expect(<ComponentA />).toBeInTheDocument();错误

请问,我是测试新手,请问如何解决这个问题?谢谢您的意见

ui-testing reactjs react-testing-library

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

OpenAI API:如何指定补全应返回的最大字数?

如何指定 Open AI 补全应返回的字数?

例如想象我问人工智能这个问题

埃隆·马斯克是谁?

我可以使用什么参数来确保 AI 发回的结果小于或等于 300 个字?

我认为max_tokens参数是为了这个,但它似乎max_tokens是为了分解输入而不是输出。

javascript node.js openai-api

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

如何在库比蒂诺文本字段中显示错误标签

如果用户按下登录按钮后该字段为空,我试图在库比蒂诺文本字段下方显示错误文本。似乎没有明确的方法可以在文本字段下方显示错误标签,就像在 Android 上的任何 CupertinoTextfield 参数中一样。

我该如何实现这一目标?

这是我的代码

CupertinoTextField(
        key: widget.key,
        keyboardType: widget.textInputType,
        placeholder: widget.errorText ?? widget.hint,
        style: widget.style,
        onChanged: widget.onChanged,
        enabled: widget.enabled,
        controller: widget.textEditingController,
        focusNode: _focusNode,
        obscureText: widget.obscureText,
        enableSuggestions: widget.enableSuggestions,
        autocorrect: widget.autocorrect,
        clearButtonMode: OverlayVisibilityMode.editing,
        padding: widget.iosPaddings != null
            ? widget.iosPaddings!
            : const EdgeInsets.all(4),
      );
Run Code Online (Sandbox Code Playgroud)

flutter

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

即使应用程序被终止也显示 Flutter 通知

我正在尝试显示通过 FCM 发送到 Android 设备的消息。

需要明确的是,我不想在 fcm 消息中使用通知属性。我更喜欢数据属性,让移动开发人员能够自定义通知。

我们目前有以下设置

Future<void> _firebaseMessagingBackgroundHandler(RemoteMessage message) async {
  log('Got a message whilst in the Background!');
  log('Message data: ${message.data}');
  displayNotification();
}

Future<void> _firebaseMessagingForegroundHandler() async {
  FirebaseMessaging.onMessage.listen((RemoteMessage message) {
    log('Got a message whilst in the foreground!');
    log('Message data: ${message.data}');
    displayNotification();
  });
}
Run Code Online (Sandbox Code Playgroud)

以及以下内容:

Future<void> initFirebase() async {
  await Firebase.initializeApp();
  initFirebaseComponents();
}

void initFirebaseComponents() {
  _firebaseTokenRefreshHandler();
  FirebaseMessaging.onBackgroundMessage(_firebaseMessagingBackgroundHandler);
  _firebaseMessagingForegroundHandler();
}
Run Code Online (Sandbox Code Playgroud)

当Android设备位于前台时,通知会完美显示,当应用程序最小化时,通知也会完美显示在后台,但是当我们杀死应用程序时,通知将不再显示在后台。

我已经搜索过但没有找到解决方案,任何见解将不胜感激。

flutter firebase-cloud-messaging

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

如何使用 Axios 发送八位字节流

我按照 LinkedIn 文档此处将文件作为八位字节流上传到 LinkedIn Assets API,但我不断收到空响应

这是他们给出的卷曲示例

curl -v -H "Content-Type:application/octet-stream" --upload-file /Users/username/SampleVideo_2mb.mp4 'https://api.linkedin.com/mediaUpload/C5400AQHpR1ANqMWqNA/uploadedVideo/0?ca=vector_feedshare&cn=uploads_secure&ccn=ambry-video&m=AQLEZ2pjh43pagYYYXRaCyztOykwDzluHkkYTbsMjNUzivrEOeObw9h3&app=1234&sync=1&v=beta&ut=1KeEm4JnMnJpo1'
Run Code Online (Sandbox Code Playgroud)

上述代码的正确 axios 等价物是什么?

这是我在 NodeJS 中尝试过的

    let uploadHeaders = uploadRegisterData['uploadMechanism']['com.linkedin.digitalmedia.uploading.MediaUploadHttpRequest']['headers'];

    let videoUploadFinaleResponse = await axios.put(uploadUrl, fs.createReadStream(fileName), {
           headers: {
           'Accept': '*/*',
            ...uploadHeaders,
           'Content-Type': 'application/octet-stream'
          }
      });
    let uploadedVideoData = videoUploadFinaleResponse.data; //This is always coming back as an empty string
Run Code Online (Sandbox Code Playgroud)

响应数据始终以空字符串形式返回""

我有一种感觉,我的 axios 代码等效项有些错误。

我怎样才能做到这一点?

谢谢。

javascript curl node.js linkedin-api axios

5
推荐指数
0
解决办法
2108
查看次数