小编Daw*_*n17的帖子

获取 React material-UI Autocomplete 中的值

我指的是 React Material-UI 的文档(https://material-ui.com/components/autocomplete/)。

在演示代码中,

    <Autocomplete
      options={top100Films}
      getOptionLabel={(option: FilmOptionType) => option.title}
      style={{ width: 300 }}
      renderInput={params => (
        <TextField {...params} label="Combo box" variant="outlined" fullWidth />
      )}
    />
Run Code Online (Sandbox Code Playgroud)

我知道它是如何工作的,但我不确定我应该如何获得选定的值。

例如,我想为此使用onChange道具,以便我可以根据选择进行一些操作。

我尝试添加 onChange={v => console.log(v)}

v没有显示与所选值相关的任何内容。

javascript reactjs material-ui

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

如何在 Pytorch 中获得神经网络每一层的输出维度?

class Model(nn.Module):
  def __init__(self):
    super(Model, self).__init__()
    self.net = nn.Sequential(
      nn.Conv2d(in_channels = 3, out_channels = 16), 
      nn.ReLU(), 
      nn.MaxPool2d(2),
      nn.Conv2d(in_channels = 16, out_channels = 16), 
      nn.ReLU(),
      Flatten(),
      nn.Linear(4096, 64),
      nn.ReLU(),
      nn.Linear(64, 10))

  def forward(self, x):
    return self.net(x)
Run Code Online (Sandbox Code Playgroud)

我在没有扎实的神经网络知识的情况下创建了这个模型,我只是固定参数,直到它在训练中起作用。我不确定如何获得每一层的输出维度(例如第一层之后的输出维度)。

在 Pytorch 中是否有一种简单的方法可以做到这一点?

neural-network pytorch

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

是否可以在 React Hooks 中对 useReducer 的调度进行回调?

const handleFilter = (filter_type, selection) => {
    dispatch({ type: filter_type, option: selection.option })
    filterData()
}
Run Code Online (Sandbox Code Playgroud)

我有一个useReducer处理选定的过滤器。我必须filterData根据选定的过滤器调用which 过滤数据。

但是,由于不能保证filterData在调度后发生,我一直在状态中延迟更新。

我也试过

const handleFilter = (filter_type, selection) => {
    dispatch({ type: filter_type, option: selection.option })
    .then(filterData())
}
Run Code Online (Sandbox Code Playgroud)

但这给了我一个错误Cannot read property 'then' of undefined

有什么帮助吗?

编辑

useEffect(() => {
    const urls = [
        'http://.../v1/profiles',
    ];
    const fetchJson = url => fetch(url, get_options).then(res => res.json());
    Promise.all(urls.map(fetchJson))
        .then(([profile]) => {
            setFilteredTable(profile.result)
        })
        .catch(err => {
            console.log(err)
        });
}, …
Run Code Online (Sandbox Code Playgroud)

reactjs react-hooks

13
推荐指数
1
解决办法
6898
查看次数

在reactjs中播放声音

import React, { Component } from 'react'
import { Button, Input, Icon,Dropdown,Card} from 'semantic-ui-react'
import { Link } from 'react-router-dom'
import $ from 'jquery'
import styles from './Home.scss'
import Modal from './Modal.jsx'
import MakeChannelModal from './MakeChannelModal.jsx'

class Music extends React.Component {
    constructor(props) {
    super(props);
    this.state = {

      play: false,
      pause: true

    };

    this.url = "http://streaming.tdiradio.com:8000/house.mp3";
    this.audio = new Audio(this.url);

  }

  play(){
    this.setState({
      play: true,
      pause: false
    });
    console.log(this.audio);
    this.audio.play();
  }

  pause(){
  this.setState({ play: false, pause: true });
    this.audio.pause();
  }

  render() …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

加权单词嵌入是什么意思?

在我试图实施的论文中,它说,

在这项工作中,推文使用三种类型的文本表示建模.第一个是由tf-idf(术语频率 - 逆文档频率)加权的词袋模型(第2.1.1节).第二个代表一个句子,通过平均所有单词的嵌入(在句子中),第三个代表一个句子,通过平均所有单词的加权单词嵌入,单词的权重由tf-idf给出(第2.1.2节) ).

我不确定所提到的第三种表示形式,因为使用单词权重的加权单词嵌入由tf-idf给出.我甚至不确定它们是否可以一起使用.

nlp machine-learning tf-idf word2vec word-embedding

9
推荐指数
2
解决办法
5912
查看次数

在material-ui中使用mixins来定制React中的组件

我正在尝试使用React在Material-ui中自定义文本字段组件。

根据此页面上的信息:

要自定义文本字段任何部分的颜色,请使用以下混合。我们建议您在CSS选择器(例如.foo-text-field:not(.mdc-text-field--focused))中应用这些mixin来选择未聚焦的文本字段,以及.foo-text-field.mdc-text-field- -focused以选择您要关注的文本字段。要更改文本字段的无效状态,请使用CSS选择器(如.foo-text-field.mdc-text-field--invalid)应用这些混合。

我尝试使用此mixin更改边框的颜色:

mdc-text-field-outline-color($color): Customizes the border color of the outlined text field.

但是,我不知道如何使用它。我安装了scss,但是没有得到使用scss将颜色设置为红色的语法。

@mixin mdc-text-field-outline-color($color) {

}
Run Code Online (Sandbox Code Playgroud)

似乎我从这样的事情开始,但是不确定没有具体的例子如何继续。

javascript css sass reactjs material-ui

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

从另一个js文件导入const时不能在模块外使用import语句

我正在开发一个 chrome 扩展。

我的一个 js 文件包含一个const对象。

我试图从js同一目录中的另一个文件导入它。

未捕获的语法错误:无法在模块外使用导入语句

在我的 attributes.js

export const key_attributes = {
    'GK': ['Aerial', 'Agility', 'Handling', 'Reflexes'],
}
Run Code Online (Sandbox Code Playgroud)

我有上面的

table.js,我有

import { key_attributes } from './attributes'
Run Code Online (Sandbox Code Playgroud)

这给了我

未捕获的语法错误:不能在模块外使用 import 语句`

有什么帮助吗?

javascript

6
推荐指数
0
解决办法
3650
查看次数

将按钮与 React Material-UI 中的 TextField 垂直对齐

我正在使用 React 的 Material-UI 库。我正在尝试制作一个简单的表格,如下所示:

在此处输入图片说明

但是,我不知道如何将按钮与TextField. 我尝试更改,margin-top但它增加了整个包装器的边距。下面是它的代码沙箱。

关于解决这个问题的任何提示?

https://codesandbox.io/embed/material-demo-y5eg7?fontsize=14&hidenavigation=1&theme=dark

css reactjs material-ui

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

检查两个数组是否可以在python中播放

根据文档(https://docs.scipy.org/doc/numpy/reference/ufuncs.html),如果满足下列条件之一,则可以播放两个数组:

- The arrays all have exactly the same shape.
- The arrays all have the same number of dimensions and the length of each dimensions is either a common length or 1.
- Arrays that have too few dimensions can have their shapes prepended with a dimension of length 1 to satisfy property 2.
Run Code Online (Sandbox Code Playgroud)

我试图在python中实现这一点,但在理解第二和第三条规则时遇到了麻烦.没有得到我期待的答案,但我想知道我在我的代码中犯了什么错误以及这个错误的可能解决方案.

# Broadcastable if:
# The arrays all have exactly the same shape.

if a.shape == b.shape:
    result = True

# The arrays …
Run Code Online (Sandbox Code Playgroud)

python numpy

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

将Formik与React一起使用时放弃更改

我在FormikReact中使用表格。每当用户提交(handleSubmit)时,我都会选择是否放弃更改或保留更改。

在我的渲染中

      <Formik
        initialValues={this.state.experiment}
        onSubmit={this.handleSubmit}
        component={formikProps => (
          <ExperimentForm {...formikProps} submitText="Save Changes" />
        )}
      />
Run Code Online (Sandbox Code Playgroud)

handleSubmit()

  handleSubmit(formdata: any, actions: any) {
    const data = processFormData(formdata);

    let changes = this.detectChanges(this.state.experiment, data);

    this.setState({ tempFormData: data });
    // changed field exists
    if (changes.length !== 0) {

      this.setState({ 
        isDialogOpen: true,
        changedFields: changes,
      });

    } else {
      actions.setSubmitting(false);
      this.setState({
        message: 'Nothing Changed',
      });
    }
  }
Run Code Online (Sandbox Code Playgroud)

keepChanges()和throwsChanges()

  keepChanges () {

    const data = this.state.tempFormData
    makeMutation(UpdateExperimentQuery, {
      update: {
        id: this.props.match.params.id,
        data,
      },
    })
      .then(responseData …
Run Code Online (Sandbox Code Playgroud)

reactjs formik

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