javascript - 在 React Material-UI 中使用 snackbar 时遇到 "Error: Material-UI: capitalize(string) expects a string argument."

Question

我在 Material-UI 中使用 snackbar，我遇到了 Error: Material-UI: capitalize(string) expects a string argument.

我的代码

    this.state = {
      snackBarOpenVertical: "bottom",
      snackBarOpenHorizontal: "right",
    };

            <Snackbar
              // Neither of the 2 following approaches works.
              anchorOrigin={"bottom", "right"}
              anchorOrigin={this.state.snackBarOpenVertical, this.state.snackBarOpenHorizontal}

              open={true}
              onClose={this.handleSnackBarClose}
              message="I love snacks"
            />

我认为问题出在 anchorOrigin 字段中，因为当我注释掉 2 行时它起作用了，尽管我无法以这种方式指定 snackbar 的位置。

正如我在上面评论的那样，这两种方法都不起作用。

Snackbar 文档: https://material-ui.com/components/snackbars/

谁能指出我哪里做错了？

提前致谢!

Answer 1

来自docs , anchorOrigin 采用这样的对象:

anchorOrigin={{
  vertical: 'bottom',
  horizontal: 'left',
}}

您在实现中省略了内部 {} 以及 vertical 和 horizo​​ntal 属性名称