小编IAs*_*dOS的帖子

我正在调试来自kubectl的日志输出,该输出指出:

Error from server (BadRequest): a container name must be specified for pod postgres-operator-49202276-bjtf4, choose one of: [apiserver postgres-operator]

好的,这是一个解释性的错误消息,但是看看我的JSON模板,它应该只创建指定的两个容器,对吗？我错过了什么？(请原谅我的无知.)

我只使用标准的kubectl create -f命令在shell脚本中创建JSON文件.JSON部署文件如下:

{
    "apiVersion": "extensions/v1beta1",
    "kind": "Deployment",
    "metadata": {
        "name": "postgres-operator"
    },
    "spec": {
        "replicas": 1,
        "template": {
            "metadata": {
                "labels": {
                    "name": "postgres-operator"
                }
            },
            "spec": {
                "containers": [{
                    "name": "apiserver",
                    "image": "$CCP_IMAGE_PREFIX/apiserver:$CO_IMAGE_TAG",
                    "imagePullPolicy": "IfNotPresent",
                    "env": [{
                        "name": "DEBUG",
                        "value": "true"
                    }],
                    "volumeMounts": [{
                        "mountPath": "/config",
                        "name": "apiserver-conf",
                        "readOnly": true
                    }, {
                        "mountPath": "/operator-conf",
                        "name": "operator-conf",
                        "readOnly": true …

SidenavStore.js - 定义 Sidenav 是否可见，默认为 true：

const SidenavStore = types
  .model('SidenavStore', {
    isSidenavVisible: types.optional(types.boolean, true),
  })
  .actions(self => ({    
    hideSidenav: () => { self.isSidenavVisible = false; },
    showSidenav: () => { self.isSidenavVisible = true; },
  }));

export default SidenavStore;

ErrorPage 使用 SidenavStore 来确定是否显示 Sidenav。

import sidenavStore from '../../../stores/SidenavStore';

class ErrorPage extends React.Component {
  componentDidMount() {
    sidenavStore.hideSidenav();
  }

  componentWillUnmount() {
    sidenavStore.showSidenav();
  }

  render() {
    return (
      <div>
        <h1>My Content Here</h1>
      </div>
    );
  }
}

在 中App.jsx，适用的代码：

const sidebarStore = …

我有一个const对这个问题不了解的具有多个功能的定义，因此我只包括一个相关的经过净化的部分。让我知道是否还应包括其他内容。

      return (
        <React.Fragment key={index}>
          <hr className={hrClasses} />
          <span className={spanClasses}>
            {isTrue ? 'x' : index + 1}
          </span>
        </React.Fragment>
      );
    })}
  </div>
);

在浏览器中，我看到警告：

警告：列表中的每个孩子都应该有一个唯一的“关键”道具。

由于该hr元素不需要唯一的键道具，如何解决该错误？

我已经尝试键的不同变化，如添加key={index}到hr元件和重新标记所述index密钥作为id用于所述span。我不确定还有什么尝试。任何指导将不胜感激！

将条件格式应用于此语句的更简洁的方法是什么？

const PaginationStorePageLink = ({ store, pageNum }) => (observer(({ PaginationStore }) => {
  if (this.props.store.currentPage === this.props.pageNum) {
    return (
      <PaginationLink className={styles.bold} onClick={this.props.store.goToPage(this.props.pageNum)} />
    );
  }
  return (
    <PaginationLink className={styles.primary} onClick={this.props.store.goToPage(this.props.pageNum)} />
  );
}));

具体来说，如果当前页码被检测为当前页码，则应应用“ .bold”类。否则，应应用“ .primary”类。

作为一个相关问题，是否可以将类彼此追加？因此，例如，以任何一种方式应用“ .primary”类，但是如果满足条件，则应用“ .bold .primary”？

我有一个侧边栏导航元素，我试图根据元素的位置在 React 中应用 SCSS 样式。这是我目前从模块导入的 CSS 类的组合：

styles.main,
styles[position],
isOpen ? styles.opened : styles.closed,

SCSS 文件中的片段：

.right {
  top: 0;
  right: 0;

  .opened {
    visibility: visible;
  }

  .closed {
    visibility: hidden;
  }
}

我试图弄清楚如何正确应用 SCSS 样式。元素继承.main类和根选择器.right（包含top和right属性），但不继承.right.opened和.right.closed。

任何有关我哪里出错的帮助或指示将不胜感激。非常感谢！