小编Hem*_*ari的帖子

我对 postgresql 很陌生。

我想将下面的 json 对象存储到 postgresql 数据库中。

{
  "host": "xxx.xxx.xx.xx"
  "type": "OS"
}

你能告诉我我应该在 postgresql 中使用什么数据类型吗？提前致谢。

我在生产中遇到错误.看起来它与uglisify Webpack插件有关我找不到解决方案来解决它.

Webpack配置:

    const UglifyJSPlugin = require("uglifyjs-webpack-plugin");

 module.exports = {
   mode: "production",
   entry: "./index.tsx",
  resolve: {
      extensions: [".js", ".tsx"]
   },
   module: {
     rules: [
      {
        test: /\.tsx?$/,
        use: {
          loader: "ts-loader",
           options: {
        transpileOnly: true
          }
         }
       }
     ]
  },
   optimization: {
       minimizer: [new UglifyJSPlugin()]
  }
};

index.tsx

    import * as React from 'react';
    import * as ReactDOM from 'react-dom';

    const TestComponent = () => {
        React.useEffect(() => {});
        return null;
    };

    ReactDOM.render(<TestComponent />, document.getElementById('app'));

版本:

"react": "^16.7.0-alpha.0",
"react-dom": "^16.7.0-alpha.0", …

我最近升级到 webpack 4。页面已成功加载，每当发生更改时，它都会使用 webpack-dev-server 自动刷新页面。它做得很好，但在控制台中显示以下错误

获取http://localhost:8090/build/bundle.js 404（未找到）

有时，当 URL 中有 id 时，它会将 id 附加到捆绑 js url，如下所示

http://localhost:8090/16/build/bundle.js

我使用 Stack Overflow 答案和 GitHub 解决方案尝试了很多方法，但没有一个对我有用。以下是模块详细信息

“webpack”：“^4.15.0”，“webpack-cli”：“^3.0.8”，“webpack-dev-server”：“^3.1.4”，“babel-core”：“^6.26.3 ”、“babel-loader”：“^7.1.5”、“babel-plugin-transform-class-properties”：“^6.24.1”、“babel-plugin-transform-object-rest-spread”：“^ 6.26.0", "babel-polyfill": "^6.26.0", "babel-preset-env": "^1.7.0", "babel-preset-react": "^6.24.1"

webpack.config.js：

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const CompressionPlugin = require("compression-webpack-plugin");
const webpack = require('webpack');

module.exports = {
    target: "web",
    entry: [
        "whatwg-fetch",
        'webpack-dev-server/client?http://localhost:8090',
        'webpack/hot/only-dev-server',
        'babel-polyfill',
        "./src/index.js"
        ],
    output: {
        path: path.resolve(__dirname, "build"),
        filename: "bundle.js",
        publicPath: "/"
        //make sure port 8090 is used when launching …

我尝试将Webpack和babel分别升级到4、7，但是无法正常工作。另外，官方文档对升级没有太大帮助

我正在关注问题

编译器错误：找不到模块'@ babel / core'@多主体时出错

我正在使用的依赖项：

"babel-core": "^6.26.3",
"babel-eslint": "^9.0.0",
"babel-loader": "^8.0.0",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.24.1",
"webpack": "^4.15.0",
"webpack-cli": "^3.0.8",
"webpack-dev-server": "^3.1.4"

如果需要更多详细信息，请告诉我。

如何在 CardHeader (Material-UI) 上放置标题中心？

我正在使用 Material-UI v0.18.7

这是我的代码。我尝试使用 textAlign: 'center' 到 titleStyle 道具，但这不起作用。

const myTheme = {
   cardHeaderStylePref:{
      background: 'linear-gradient(to right bottom, #430089, #82ffa1)',
      color: config.actualWhite,
      height: 30,
      padding: 0
    }
}
<Card>
     <CardHeader
            title={this.props.prefName}
            style={myTheme.cardHeaderStylePref}
            subtitleColor={myTheme.color}
            titleColor={myTheme.color}
            titleStyle={{textAlign: 'center'}}
      >
      </CardHeader>
      <CardText>
            Sample text
      </CardText>
  </Card>

我试图将新的类型值添加到PostgreSQL中的现有类型。但我收到以下错误

错误：ALTER TYPE ... ADD无法在事务块内运行

我用来向类型添加新值的查询是

ALTER TYPE public.request_type ADD VALUE "Check";

我实际上正在使用node-pg-migrate创建的迁移文件中的查询之上运行

这public是我的架构。

知道为什么这失败了吗？

编辑：

下面的查询在pgadmin中执行时执行正常

ALTER TYPE public.request_type ADD VALUE "Check";

但是，当我通过node-pg-migrate迁移在命令上方运行时，它失败并抛出错误

在 JavaScript 中，考虑我正在尝试附加一个新值并返回它。

我有下面关于覆盖参数值的示例

下面的函数接收一个字符串值作为参数，并用新值覆盖该参数并返回它。

function test(value) {\r\n  value = value + "hi";\r\n  return value;\r\n}\r\nconsole.log(test("Hello"));

\n\n

下面的函数接收一个字符串值作为参数。我想附加一个新值并返回它。所以我给一个局部变量赋值，然后将 Strong 附加到一个新变量并返回它。

function test(value) {\r\n  let temp = value;\r\n  temp = value + "hi";\r\n  return temp;\r\n}\r\nconsole.log(test("Hello"));

\n\n

我正在调用它并传递值

  test(\xe2\x80\x9cHello\xe2\x80\x9d);\n

上面推荐的是哪一款呢？

我在 ReactJS 中使用 axios PATCH 方法来更新记录，但由于以下错误而失败

无法加载http://192.168.99.100:8080/adslots/883：预检响应中的 Access-Control-Allow-Methods 不允许方法 PATCH。

这是我的行动：

export const UPDATE_AD_SLOTS_REQUEST = 'UPDATE_AD_SLOTS_REQUEST';
export const UPDATE_AD_SLOTS_SUCCESS = 'UPDATE_AD_SLOTS_SUCCESS';
export const UPDATE_AD_SLOTS_ERROR = 'UPDATE_AD_SLOTS_ERROR';


export function updateAdslotsRequest(){
  return {
    type: UPDATE_AD_SLOTS_REQUEST
  }
}

export function updateAdslotsSuccess(data){
  return {
    type: UPDATE_AD_SLOTS_SUCCESS,
    data: data
  }
}

export function updateAdslotsError(errors){
  return {
    type: UPDATE_AD_SLOTS_ERROR,
    erros: errors
  }
}

export function updateAdslots(data, id) {
  return dispatch => {
    dispatch(updateAdslotsRequest());
    return axios.patch(`http://192.168.99.100:8080/adslots/${id}`, data)
      .then(res => {
        dispatch(updateAdslotsSuccess(res.data));      
      })
      .catch(errors => { …

Couldn’t understand the difference between object and plain object in JavaScript.

I know how Object looks like but don’t understand plain object. I googled about this but couldn’t understand.

As per my understanding normal object looks like below

  const object = {};

Or we do call functions as objects in JavaScript

function test(){

}

But what is plain object? how it differs with normal object. Thank you

Edit:

My confusion started about plain object after looking at below error. So …

这个示例“图像头像” https://material-ui.com/demos/avatars/来自material-ui v3.2.0网站，但不知何故我在实现时看不到图像。

为什么我在material -ui-v3.2.0“图像头像”示例中看不到图像？

在示例中'icon avatars'，'Letter avatars'我可以看到图像。我使用create-react-app 'react-scripts': '^2.0.4', but also tried on 'react-scripts': '^1.1.5'但没有任何效果。

PFB 代码如下：

import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { withStyles } from '@material-ui/core/styles';
import Avatar from '@material-ui/core/Avatar';

const styles = {
  row: {
    display: 'flex',
    justifyContent: 'center',
  },
  avatar: {
    margin: 10,
  },
  bigAvatar: {
    width: 60,
    height: 60,
  },
};

function ImageAvatars(props) {
  const { …