小编Cha*_* Wu的帖子

如何使用ReactJS通过Material UI Dailog提交表单

我使用Material UI对话框来制作表单列表.在官方案件中:

<Dialog
          title="Dialog With Custom Width"
          actions={actions}
          modal={true}
          open={this.state.open}
        >
          This dialog spans the entire width of the screen.
</Dialog>
Run Code Online (Sandbox Code Playgroud)

行动是:

   const actions = [
      <FlatButton
        label="Cancel"
        primary={true}
        onTouchTap={this.handleClose}
      />,
      <FlatButton
        label="Submit"
        primary={true}
        onTouchTap={this.handleClose}
      />,
    ];
Run Code Online (Sandbox Code Playgroud)

如何构建表单并让Dialog可以提交表单数据?

------------------------------------------------最新情况: ----------------------------------------------

还有另一个答案:

添加的属性type,并form在对话操作按钮:

const actions = [
      <FlatButton
        label="Cancel"
        primary={true}
        onTouchTap={this.handleClose}
      />,
      <FlatButton
        label="Submit"
        primary={true}
        onTouchTap={this.handleClose}
        type="submit"        //set the buttom type is submit
        form="myform"        //target the form which you want to sent 
      />,
    ];
Run Code Online (Sandbox Code Playgroud)

并将属性id赋予对话框中的表单:

<Dialog
          title="Dialog …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs material-ui

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

如何检查 docker 卷中的 postgres 数据库?

我按照prisma.io的教程开始构建本地服务器。

跟着docker-compose.yml

version: '3'
services:
  prisma:
    image: prismagraphql/prisma:1.34
    restart: always
    ports:
      - '4466:4466'
    environment:
      PRISMA_CONFIG: |
        port: 4466
        databases:
          default:
            connector: postgres
            host: postgres
            port: 5432
            user: prisma
            password: prisma
  postgres:
    image: postgres:10.3
    restart: always
    environment:
      POSTGRES_USER: prisma
      POSTGRES_PASSWORD: prisma
    volumes:
      - postgres:/var/lib/postgresql/data
volumes:
  postgres: ~
Run Code Online (Sandbox Code Playgroud)

我构建了两个docker容器,一个是prisma服务器,另一个是postgres数据库。

正如我所想,在命令之后,prisma depoly模型用户应该在数据库中创建一个用户表。

但我尝试检查数据库中的架构并得到结果:

docker exec -it myContainer psql -U prisma
postgres=# \l
                                 List of databases
   Name    |  Owner   | Encoding |  Collate   |   Ctype    |   Access privileges   
-----------+----------+----------+------------+------------+----------------------- …
Run Code Online (Sandbox Code Playgroud)

postgresql docker

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

是否可以在 es6 中将 css 文件作为字符串导入?

我想打包 css 文件并将其插入到我的应用程序中的 Shadow DOM 中。

我已经尝试过css-loader的方法:

如下文件:webpack.config.js

const path = require('path');
const CopyWebpackPlugin = require("copy-webpack-plugin");
const VueLoaderPlugin = require('vue-loader/lib/plugin')


module.exports = {
    context: path.resolve(__dirname, 'src'),
    entry: {
      content: './content/index.js',
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name].js',
    },
    module: {
        rules: [
            {
                use: 'babel-loader',
                test: /\.js$/,
                exclude: /node_modules/
            },
            {
              test: /\.vue$/,
              loader: 'vue-loader'
            },
            {
              test: /\.css$/,
              use: [
                'vue-style-loader',
                'to-string-loader',
                {
                  loader: 'css-loader',
                  options: {}
                }
              ]
            }
        ]
    }
}
Run Code Online (Sandbox Code Playgroud)

我尝试使用这样的方式:

const css …
Run Code Online (Sandbox Code Playgroud)

javascript css webpack es6-modules

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

使用 git rebase ,我得到“无事可做”

与标题相同,我输入“git rebase -i [commit_id]”,然后得到:

Error detected while processing /Users/My_name/.vimrc:
line    1:
E117: Unknown function: pathogen#infect
E15: Invalid expression: pathogen#infect()
Press ENTER or type command to continue
Run Code Online (Sandbox Code Playgroud)

输入回车后,成功进入vim编辑器。

  1 pick f694d12 test
  2
  3 # Rebase 3dad5af..f694d12 onto 3dad5af (1 command(s))
  4 #
  5 # Commands:
  6 # p, pick = use commit
  7 # r, reword = use commit, but edit the commit message
  8 # e, edit = use commit, but stop for amending
  9 # s, squash = …
Run Code Online (Sandbox Code Playgroud)

git macos vim

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

获取 POST 时的 ReactJS,然后使用 then 函数来设置状态

在我的 ReactJS 项目中,我使用 fetch 进行异步处理,并在获取数据后,

我想 setState 来改变我的本地状态。但我得到错误返回。

Uncaught (in promise) TypeError: Cannot read property 'setState' of undefined

取函数代码:

AddDeal(deal){
fetch('shops/1/deals',{
      method: "POST",
      body: JSON.stringify(deal),
      headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
      },
    }).then(response => {
         response.json().then(data =>{
           this.setState({deals: data}); // and use this.props.dispatch I get `props` of undefined 
         })
      })
}
Run Code Online (Sandbox Code Playgroud)

我看过另一个问题,比如我的React.js: loading JSON data with Fetch API and props from object array

那么我该如何解决呢?

javascript fetch reactjs

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

为什么二维数组与一维数组的numpy点积会产生一维数组?

我尝试运行如下代码:

>>> import numpy as np
>>> A = np.array([[1,2], [3,4], [5,6]])
>>> A.shape
(3, 2)
>>> B = np.array([7,8])
>>> B.shape
(2,)
>>> np.dot(A,B)
array([23, 53, 83])
Run Code Online (Sandbox Code Playgroud)

我认为的形状np.dot(A,B)应该是 (1,3) 而不是 (3,)。

矩阵返回的结果应该是:

数组([[23],[53],[83]])

23
53
83
Run Code Online (Sandbox Code Playgroud)

不是

数组([23,53,83])

23 53 83
Run Code Online (Sandbox Code Playgroud)

结果为什么发生?

python numpy

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

Material ui DatePicker可以使用没有对话框的类似组件吗?

我想在Material UI中使用DatePicker,并且我希望它始终显示在模板中,但DatePicker的默认设置是集中在Textfield上并显示对话框。

是否可以不使用Dialog和焦点文本字段来显示DatePicker。让它始终在渲染显示中显示DatePicker组件吗?

reactjs material-ui

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

如何从数组中删除相同的值?

我试图在Ruby on Rails中创建一个日历列表

我创建了一个日期范围:

date_range = [['Feb 10', 'Feb 11'], ['Feb 11', 'Feb 12'], ['Feb 10', 'Feb 11', 'Feb 12']]
Run Code Online (Sandbox Code Playgroud)

我运行了这段代码:

date_range.each do |day|
  for daytime in day
    puts daytime
  end
end
Run Code Online (Sandbox Code Playgroud)

输出是:

Feb 10 Feb 11 Feb 11 Feb 12 Feb 10 Feb 11 Feb 12
Run Code Online (Sandbox Code Playgroud)

我该如何显示:

Feb 10 Feb 11 Feb 12
Run Code Online (Sandbox Code Playgroud)

ruby

0
推荐指数
1
解决办法
62
查看次数

如何在对象中找到值为none并使用Python3删除键和值?

我有一个对象,我想找到的值是None.下一步我想删除密钥.我这样试试:

>>> obj = {'a': '1', 'b': '2', 'c': '3', 'd': None, 'e': '4', 'f': None }
>>> keys = list(obj.keys())
>>> for key in keys:
...     if obj[key] == None:
...         obj.pop(key, None)
>>> obj
{'a': '1', 'b': '2', 'c': '3', 'e': '4'}
Run Code Online (Sandbox Code Playgroud)

有一个更好的方法吗?

python python-3.x

-1
推荐指数
1
解决办法
29
查看次数