小编Wat*_*e.N的帖子

优化带有闭包的可选列表项的性能

我制作了一个多选列表,并一直在努力提高其重新渲染性能。下面的代码显示了我所做的(在我的实际项目中,列表要长得多)。目前,当我单击列表项时,它会重新呈现每一行。我只想渲染单击的行。看起来 React.memo、React.useCallback 是可能的,但我还没有成功地在这个用例中正确使用它们。欢迎任何反馈!提前致谢。

<div id="app" />
Run Code Online (Sandbox Code Playgroud)
const animals = ['Cat', 'Dog', 'Bird', 'Fish']

interface AnimalProps {
  selected: boolean;
  name: string;
  onClick: (name: string) => void;
}
const Animal = ({selected, name, onClick}: AnimalProps) => (
  <div onClick={onClick}>{`[${selected ? 'X' : ' '}]`} {name}</div>
)

const useFilter = (initialValue: string[]) => {
  const [items, setItems] = React.useState<string[]>(initialValue)
  const makeOnClick  = (item: string) => () => {
    const ix = items.indexOf(item)
    const newItems = (ix > -1) ?
      [...items.slice(0, ix), ...items.slice(ix + …
Run Code Online (Sandbox Code Playgroud)

reactjs

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

Expo:实时获取音频数据并通过Socket.IO发送

我想做的应用程序

我想制作像 Shazam 这样的音频识别移动应用程序

我想通过 Socket.IO 每秒或每个样本将记录数据发送到基于机器学习的识别服务器(也许每秒发送数据采样率次数太多),然后移动应用程序接收并显示预测结果。

问题

如何在录音时获取数据recordingInstance?我读了世博会的音频文档,但我不知道该怎么做。

迄今为止

我跑了两个例子:

现在我想混合两个例子。感谢您的阅读。如果我能console.log记录数据,那会有很大帮助。

相关问题

sound-recognition socket.io react-native expo expo-av

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

由于未加载渐变而导致 Finetune SavedModel 失败

更新:请参阅我自己对这个问题的回答。这是tensorflow Efficientnet的一个bug

我想要什么 我
想微调高效网络。首先,我成功完成了训练并保存了一个模型。它由一个冻结的高效网络和全连接层组成。我用SavedModel格式来保存它(见train.py)。然后,在微调阶段(参见finetune.py),我尝试加载SavedModel,但加载失败。

问题
我无法SavedModel成功加载和重新训练包含 Efficientnet。

我试过的
我试过load_modelload_weights,但都没有帮助。有谁知道怎么做?GradientTape 与 SavedMmodel 不兼容?。我应该使用除load_model或 之外的其他东西load_weights吗?

环境
macOS:10.15.6
Tensorflow==2.3.1

日志输出


... (a very long line of something like this below)

WARNING:tensorflow:Importing a function (__inference_my_model_layer_call_and_return_conditional_losses_3683150) with ops with custom gradients. Will likely fail if a gradient is requested.
ail if a gradient is requested.
WARNING:tensorflow:Importing a function (__inference_my_model_layer_call_and_return_conditional_losses_3683150) with ops with custom gradients. Will likely fail if a gradient …
Run Code Online (Sandbox Code Playgroud)

python tensorflow

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

Typescript 中的 React + Firebase 云函数无法部署

我是我的项目,我想使用

  • 托管在 Firebase 托管上的 Typescript 中的 React 应用程序
  • 火店
  • Typescript 中的 Firebase 函数

我在部署时遇到错误。很容易重现(现在跳过 firestore 和 firebase 托管初始化)

yarn create react-app sample-app
cd sample-app
firebase init
(select functions by marking a box interactively)
(select typescript by marking a box interactively)
(uncomment in functions/src/index.ts)
Run Code Online (Sandbox Code Playgroud)

函数/src/index.ts 是

yarn create react-app sample-app
cd sample-app
firebase init
(select functions by marking a box interactively)
(select typescript by marking a box interactively)
(uncomment in functions/src/index.ts)
Run Code Online (Sandbox Code Playgroud)

然后部署失败

firebase deploy

=== Deploying to 'myproject'...

i  deploying functions …
Run Code Online (Sandbox Code Playgroud)

firebase typescript reactjs google-cloud-functions

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

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

如何在 Material-UI、ReactJS 中从 Pagination 设置 Pagination Item 的样式?

总结
大家好!在这个问题中,我想问你,当你只从 material-ui 导入父组件时,如何设置子组件的样式。

问题
我想覆盖从 Material-UI 导入的分页项的类。我只是从 Material-UI 导入分页组件。如何从 Pagination 组件访问子组件(Pagination Item 组件)样式?

例如。我想将此样式应用于分页项组件。

.Mui-selected {
  "background-color": "transparent";
  "color": "#19D5C6";
}
Run Code Online (Sandbox Code Playgroud)

我有以下 TSX 代码。

import React from 'react';
import { makeStyles, createStyles } from '@material-ui/core/styles';
import Pagination from '@material-ui/lab/Pagination';

// This style doesn't reach to Pagination Item
const useStyles = makeStyles((theme) =>
  createStyles({
    root: {
      'selected': {
        backgroundColor: 'transparent',
      },
    },
  }),
);

export default function BasicPagination() {
  const classes = useStyles();
  return (
    <Pagination count={10} className={classes.root} />
  ); …
Run Code Online (Sandbox Code Playgroud)

pagination reactjs material-ui

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