小编kin*_*621的帖子

我似乎无法弄清楚如何更改轮廓颜色的轮廓颜色我看了看GitHub问题,人们似乎指向使用"InputProps"属性,但这似乎什么都不做. 这是我当前状态下的代码

import React from 'react';
import { withStyles } from '@material-ui/core/styles';
import TextField from '@material-ui/core/TextField';
import PropTypes from 'prop-types';

const styles = theme => ({
field: {
    marginLeft: theme.spacing.unit,
    marginRight: theme.spacing.unit,
    height: '30px !important'
},
});

class _Field extends React.Component {
      render() {
          const { classes, fieldProps } = this.props;
             return (
                <TextField
                {...fieldProps}
                label={this.props.label || "<Un-labeled>"}
                InputLabelProps={{ shrink: true }} // stop from animating.
                inputProps={{ className: classes.fieldInput }}
                className={classes.field}
                margin="dense"
               variant="outlined"
            />
        );
    }
}

_Field.propTypes = { …

我一直在阅读 Web 组件，并认为它们很棒，所以我跳入了我喜欢的工作空间（与代码、Typescript 2.4.2），但它似乎不支持 Web 组件，或者它们得到部分支持？HTMLElement 类型定义包含一个标记为“shadow root”的只读字段，但默认情况下该字段为 null，并且 HTMLElement 类型 def 没有方法：create Shadow root() 所以我不确定我是否在做这是错误的，或者如果我是的话有人能指出我正确的方向吗？

因此，我正在编写一个聊天应用程序，我想拥有多个房间，但是，我在Firebase控制台上找不到可以添加子集合的按钮。

我尝试了导出，编辑然后导入，但这似乎并没有太大作用。我看过一些Firebase教程，但是找不到解释这一点的教程。