遇到“错误：Material-UI：capitalize(string) 需要一个字符串参数。” 在 React Material-UI 中使用小吃吧时

Question

我在 Material-UI 中使用小吃吧，我遇到了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 文档： https://material-ui.com/components/snackbars/

谁能指出我做错了什么？

提前致谢！

Answer 1

从文档中， anchorOrigin采用 object ，如下所示：

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

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