小编Uci*_*ila的帖子

我的页面上有两个可用的react-select下拉菜单，一个允许用户选择 A 或 B，另一个允许他们从“blue, yellow , red”中选择多个项目。

当他们选择了这些项目时，我想使用它们。现在我只想检查已选择的值，所以我只是将它们打印到屏幕上。对于单选下拉菜单，我成功地使用了 github 中的示例代码。如下：

import React from 'react';
import Select from 'react-select';

const options = [
  { value: 'a', label: 'a' },
  { value: 'b', label: 'b' },
];

class App extends React.Component {
  state = {
    selectedOption: null,
  }
  handleChange = (selectedOption) => {
    this.setState({ selectedOption });
    document.write(`Option selected:`, selectedOption.value); //this prints the selected option
  }
  render() {
    const { selectedOption } = this.state;

    return (
      <Select
        value={selectedOption}
        onChange={this.handleChange}
        options={options}
        //isMulti …

我使用其页面上发布的演示制作了一个反应表格，效果很好，但我想知道如何更改不同列的宽度/填充。

我尝试手动设置每个单元格的宽度，如下所示：

<TableCell style={{ width: "10%" }}> Number </TableCell>

以及使用 const 样式然后引用它，但两者都不起作用。有人有什么想法吗？当单元格如此填充时，我真的不想使用滚动功能，这很荒谬。提前致谢！

编辑上面的代码实际上有效，但变化很小，使其不易察觉 - 将宽度更改为 1px 仍然在单元格之间留下巨大的空间。可能是填充问题？我尝试过通过多种方式将填充设置为 0，但没有任何反应。

我已经有这个问题近 2 天了，任何帮助都将是救命稻草。

我的 vue 应用程序在 8080 开发模式下运行，我正在尝试集成块堆栈登录，该应用程序尝试读取http://localhost/manifest.json，所以我将它放在静态目录中，但它抛出了 cors 错误，我们有像 vue.config.js 这样的 vue cli 配置的解决方案吗？

我有一个数组 localData 定义为：

public localData: Array<any> = [];

在下面的示例中，它的长度为 2，并且在开发人员工具中具有以下值。

(2) [{…}, {…}]
0:
Country: "United States"
DataSource: ""
FunctionName: "Customer Service"
GroupName: "Main"
Index: 0
Result: undefined
StartDate: "5/1/2012"
StopDate: "
"
1:
Country: "United States"
DataSource: ""
FunctionName: "Customer Service"
GroupName: "Main"
Index: 1
Result: undefined
StartDate: ""
StopDate: "5/1/2019
"
__proto__: Object
length: 2
__proto__: Array(0)  

我需要将 DataSource 值替换为某个值（如果为空或者它有任何其他值）。我试着做：

 this.localData.forEach(x => x.DataSource ? '' || 'XXX' : 'MyVAL');

此代码不会引发任何错误，但 DataSource 仍保持空白。有没有人以前遇到过这个问题，或者知道为什么会这样？