小编yac*_*ane的帖子

我在过去的两天里遇到过这个问题.所以我决定从webpack构建过程中完全禁用uglifyjs-webpack-plugin.我无法在webpack 4上找到任何东西.

我在Linux机器上遇到Webpack 4问题.构建在开发模式下工作正常,但在生产中失败.它似乎也在Windows机器上工作.我确实尝试将webpack降级到旧版本而没有任何内容.

Nodejs:v10.2.1

 *TypeError: Cannot read property 'length' of undefined* at node_modules/uglifyjs-webpack-plugin/dist/uglify/index.js:59
        this.workers = workers === true ? _os2.default.cpus().length - 1 : Math.min(Number(workers) || 0, _os2.default.cpus().length - 1);

packge.json

{
  "name": "webpack-demo",
  "version": "1.0.0",
  "license": "MIT",
  "scripts": {
    "build": "webpack -p"
  },
  "devDependencies": {},
  "dependencies": {
    "@types/node": "^10.5.1",
    "css-loader": "^0.28.11",
    "global": "^4.3.2",
    "node-sass": "^4.9.1",
    "npm": "^6.1.0",
    "sass-loader": "^7.0.3",
    "style-loader": "^0.21.0",
    "ts-loader": "^4.4.2",
    "typescript": "^2.9.2",
    "uglifyjs-webpack-plugin": "1.0.0-beta.2",
    "webpack": "^4.15.1",
    "webpack-cli": "^3.0.8"
  }
}

webpack.config.js

const path = require('path');
const UglifyJsPlugin = …

我有一个问题，我必须渲染 4 个下拉菜单，每个下拉菜单都有类似的选项（我在这里只渲染了 1 个）。如果我在任何一个下拉列表中选择一个选项，则该选项在其他三个中不可用。

我应该如何更新该州的 selected_planets ？下面的代码从 1 个选择下拉列表更新 selected_planets。但是仍然可以在任何地方使用相同的选项，而且我无法在 selected_planets 数组中获得 4 个不同的选项？我应该如何进行？

此外，来自 API fetch 的响应是一个对象数组，我在行星数组中映射和更新。出于演示目的，让我们考虑一下行星：[海王星、土星、火星、地球、金星、木星]

import React, { Component } from 'react';

export default class Dashboard extends Component {
  state = {
    planets: [],
    selected_planets: []
  };

  componentDidMount() {
    fetch('url')
    .then(response => {
      return response.json();
    })
    .then(data => {
      this.setState({ planets: data });
    });
  }

  handleSelect = event => {
    this.setState({ selected_planets: [event.target.value] });
  };

  render() {
    let select_Planets = this.state.planets.map(planet => {
      return planet.name;
    }); …